diff --git a/project/templates/blocks/gallery.html b/project/templates/blocks/gallery.html
index ccba4448..9a8c634a 100644
--- a/project/templates/blocks/gallery.html
+++ b/project/templates/blocks/gallery.html
@@ -11,80 +11,56 @@
     </div>
     <div class="gallery">
       <div class="gallery__grid">
-        <div
-        class="gallery__item gallery__item_lg"
-        style="background-image: url({% get_media_prefix %}instagram/results/0.jpg);"
-        >
+        <a href="{% get_media_prefix %}instagram/results/0.jpg"
+        class="gallery__item gallery__item_lg">
           <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/0.jpg" onerror="this.style.display='none'">
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/1.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/2.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/3.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/4.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/5.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/1.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/1.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/2.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/2.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/3.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/3.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/4.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/4.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/5.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/5.jpg" onerror="this.style.display='none'">
+        </a>
       </div>
       <div class="gallery__grid">
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/6.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/7.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/8.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div class="gallery__item gallery__item_lg"
-        style="background-image: url({% get_media_prefix %}instagram/results/9.jpg);"
-
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/10.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
-        <div
-        class="gallery__item"
-        style="background-image: url({% get_media_prefix %}instagram/results/11.jpg);"
-        >
-          {% comment %} <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'"> {% endcomment %}
-        </div>
+        <a href="{% get_media_prefix %}instagram/results/6.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/6.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/7.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/7.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/8.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/8.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/9.jpg"
+        class="gallery__item gallery__item_lg">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/9.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/10.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/10.jpg" onerror="this.style.display='none'">
+        </a>
+        <a href="{% get_media_prefix %}instagram/results/11.jpg"
+        class="gallery__item">
+          <img class="gallery__pic" src="{% get_media_prefix %}instagram/results/11.jpg" onerror="this.style.display='none'">
+        </a>
       </div>
     </div>
   </div>
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index 2404554c..fc1ac8d1 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -1352,6 +1352,8 @@ a[name]
   &__pic
     display: block
     width: 100%
+    height: 100%
+    object-fit: cover
 
 .app
   position: relative