Add Chrome support for mp4 Image block (#63)

src/frontend/styles/components/page.pcss

@@ -125,7 +125,7 @@
  text-align: center;
 
  &__content {
-   img {
+   img, video {
      vertical-align: bottom;
      max-width: 100%;
    }
@@ -135,13 +135,13 @@
      width: calc(100% + 120px) !important;
      margin-left: -60px;
 
-     img {
+     img, video {
        width: 100%;
      }
    }
 
    &--bordered {
-     img {
+     img, video {
        border: 3px solid var(--color-line-gray);
        box-sizing: border-box;
      }
@@ -151,7 +151,7 @@
      padding: 15px;
      background: var(--color-line-gray);
 
-     img {
+     img, video {
        max-width: 60%;
        margin: 0 auto;
      }

src/views/pages/blocks/image.twig

@@ -14,7 +14,14 @@
 
 <figure class="block-image">
   <div class="{{classes.join(' ')}}">
+    {% if file.mime and file.mime == 'video/mp4' %}
+      <video autoplay loop muted playsinline>
+        <source src="{{file.url}}" type="video/mp4">
+      </video>
+    {% else %}
       <img src="{{file.url}}" alt="{{caption ? caption : ''}}">
+    {% endif %}
+
   </div>
   {% if caption %}
       <footer class="block-image__caption">