base.html logo shows on index but not on any other

Using Django Templates & Frontend
1

Have logo in the base.html and want it to show in the navbar, and it does for index, but my accounts/template.

base.html

<!DOCTYPE html>
<html>
<head>
  <title>{% block title %}{% endblock %}</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</head>
<body>

    <nav class="navbar navbar-primary bg-primary flex-row">

          <a class="navbar-brand" href="#">
            <img src="/media/{{ logo }}" alt="" width="60" height="30">
          </a>


    <ul class="nav navbar-dark bg-primary flex-row-reverse">
      <li class="nav-item">
           <a class='nav-link text-white' href="{% url 'qrcode_button' %}">Fish QRCode</a>
      </li>
      <li class="nav-item">
          <a class='nav-link text-white' href="{% url 'logout' %}">Logout</a>
      </li>
      <li class="nav-item">
        <a class='nav-link text-white' href="{% url 'registration/login' %}">Login</a>
      </li>
      <li class="nav-item ">
        <a class='nav-link text-white' href="#">Donate</a>
      </li>
      <li class="nav-item ">
        <a class='nav-link text-white' href="{% url 'index' %}">Home</a>
      </li>
    </ul>
  </div>
  </nav>
  
  {% block body %}
  
  {% endblock body %}
</div>

accounts/template

{% extends 'base.html' %}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Fisher List</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</head>
2

Review the docs for Template inheritance to see how you use the extends tag and block tags to define areas to fill in the blocks of the base template.

3

Looked through the doc and did not see where to fix it.

Here is the source for app templates for image

image

Source for the project templates
image

"GET /media/org/images/org/images/th-2103526919_YGwGngL_Oz7xqoY.jpeg HTTP/1.1" 404 3486
"GET /media/ HTTP/1.1" 404 3318
Not Found: /media/org/images/th-2103526919_YGwGngL_Oz7xqoY.jpeg

I see it is repeating the /org/images

Settings

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.2/howto/static-files/

STATIC_URL = 'static/'

Same result with DEBUG=False