[viewBag]
==
<!-- Gallery Partial -->
<section class="gallery-area" id="gallery">
 <div class="{#container#}">
    <div class="galley-ctn">
       <h2 class="wow fadeInUp">Gallery</h2>
    </div>
    <div class="row">
        {% for image in gallery %}
       <div class="col-lg-3 col-md-3">
          <div class="limit h-100">
              <a href="{{ image.image|media }}" data-gall="gallery01" class="galary-img d-block h-100">
                 <img class="wow fadeInUp" src="{{ image.image|media }}" alt="{{ image.title }}">
              </a>
         </div>
       </div>
       {% endfor %}
    </div>
 </div>
</section>
{% put styles %}
<style type="text/css">
    .limit{
        height: 100%;
     }
    .limit img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
 </style>
{% endput %}
{#
<!-- =================== Slider AREA START ===================== -->
<div class="slider__area">
    <div class="slider__left__blk divimage">
        <img src="{{ gallery[0].image|media }}" class="bgdivimg">
        <div class="slider__main__content">
        </div>
    </div>
    <div class="slider__right__wrap">
        <div class="slider__right__blk">
            <div class="slider__main__blk">
            {% for image in gallery %}
                <div class="slider__single__blk">
                    <a class="my-image-links" data-gall="gallery01" href="{{ image.image|media }}"><img
                            src="{{ image.image|media }}" alt="{{ image.title }}"></a>
                </div>
            {% endfor %}
            </div>
        </div>
    </div>
</div>
<!-- =================== Slider AREA END ===================== -->
#}