class="list-group-item border-0 d-flex align-items-center px-0 mb-1">
                <div class="avatar avatar-sm rounded-circle me-2">
                  <img src="{% static 'assets/img/marie.jpg' %}" alt="kal" class="w-100">
                </div>
                <div class="d-flex align-items-start flex-column justify-content-center">
                  <h6 class="mb-0 text-sm font-weight-semibold">Vicky Hladynets</h6>
                  <p class="mb-0 text-sm text-secondary">Hello, Noah!</p>
             