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

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>

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.

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