{% load static %}
<div class="site-section block-14">
    <div class="container">
        <div class="nonloop-block-14 owl-carousel">
            <div class="media-with-text p-md-4">
              <div class="img-border-sm mb-4">
                  <div>
                  <a href="{% static 'images/villa/open/small/1.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/1.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/villa/open/small/2.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/2.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/villa/open/small/3.png' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/3.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/villa/open/small/4.png' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/4.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/villa/open/small/5.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/5.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/villa/open/small/6.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/6.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/villa/open/small/7.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/7.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/villa/open/small/8.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/8.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/villa/open/small/9.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/9.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/villa/open/small/10.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/10.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/villa/open/small/11.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/11.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/villa/open/small/12.jpg' %}" class="image-popup img-opacity"><img src="{% static 'images/villa/open/small/12.jpg' %}" alt="Image" class="img-fluid"></a>
                             </div>
                  </div>
            </div>



      </div>

