{% load static %}
<div class="site-section block-14">
    <div class="container">
        <div class="nonloop-block-14 owl-carousel">
            <div class="media-with-text">
              <div class="img-border-sm">
                  <div>
                  <a href="{% static 'images/two/small/d8.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/two/small/d8.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
            </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                <div>
                  <a href="{% static 'images/two/small/d2.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/two/small/d2.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
                             </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                                                  <div>
                  <a href="{% static 'images/two/small/d3.png' %}" class="image-popup img-opacity"><img src="{% static 'images/two/small/d3.png' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
            </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                                                  <div>
                  <a href="{% static 'images/two/small/d5.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/two/small/d5.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
                             </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                                                  <div>
                  <a href="{% static 'images/two/small/d4.png' %}" class="image-popup img-opacity"><img src="{% static 'images/two/small/d4.png' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
                             </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                                                  <div>
                  <a href="{% static 'images/two/small/d6.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/two/small/d6.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
            </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                                                  <div>
                  <a href="{% static 'images/two/small/d7.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/two/small/d7.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
                             </div>
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                                                  <div>
                  <a href="{% static 'images/two/small/d1.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/two/small/d1.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
                             </div>
            </div>
      </div>
</div>
