Add videos to gallery template and logic

assets/css/style.scss

@@ -598,22 +598,33 @@ footer {
     }
 }
 
-.gallery__artworks {
-    margin: 4rem 0 0 0;
-}
-
-.gallery__image {
+.gallery__artwork {
     display: table;
     margin: auto;
 
-    + .gallery__image {
-        margin: 3rem auto 0 auto;
+    + .gallery__artwork {
+        margin: 2rem auto 0 auto;
     }
 
-    img {
+    .gallery__image,
+    .gallery__video {
         display: block;
-        max-width: Min(100%, 1500px);
         max-height: 80vh;
+        margin: auto;
+    }
+
+    .gallery__image {
+        max-width: Min(1500px, 100%);
+    }
+
+    .gallery__video {
+        width: Min(1280px, calc(100vw - (var(--generic-section-horizontal-padding) * 2)), calc(80vh * 1.78));
+
+        &--full-screen {
+            width: initial;
+            max-height: initial;
+            // height: initial;
+        }
     }
 
     figcaption {
@@ -625,6 +636,16 @@ footer {
     }
 }
 
+@media screen and (min-width: $tablet-media-query) {
+
+    .gallery__artwork {
+
+        + .gallery__artwork {
+            margin: 3rem auto 0 auto;
+        }
+    }
+}
+
 // Error section
 
 .error-section {