{% load static %}
<div class="container">
        <div class="row">
                         <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/9.jpg'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/9.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
                               <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/10.jpg'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/10.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
                                           <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/11.jpg'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/11.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
                      <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/7.jpg'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/7.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
                        <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/4.jpg'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/4.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
          <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/1.jpg'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/1.jpg' %}" alt="Image" class="img-fluid"></a>
          </div>
          <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/2.png'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/2.png' %}" alt="Image" class="img-fluid"></a>
          </div>
            <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/3.png'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/3.png' %}" alt="Image" class="img-fluid"></a>
          </div>
             <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/5.png'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/5.png' %}" alt="Image" class="img-fluid"></a>
          </div>
             <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/6.png'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/6.png' %}" alt="Image" class="img-fluid"></a>
          </div>

                         <div class="col-md-4 col-lg-3 mb-2">
            <a href="{% static 'images/pool/small/8.png'%}" class="image-popup img-opacity"><img src="{% static 'images/pool/small/8.png' %}" alt="Image" class="img-fluid"></a>
          </div>
        </div>
      </div>