Merge pull request #92 from prezly/fix/gifs-alignment

[CARE-5989] Fix - GIFs alignment

Author: yuriyyakym

.loki/reference/chrome_iphone7_Elements_Bookmark_Big_Vertical.png

@@ -1,17 +1,14 @@
 @import "styles/mixins";
 @import "styles/variables";
 
-.prezly-slate {
-    &-media {
-        display: block;
-        max-width: 100%;
-        height: auto;
-        margin: 0 auto;
+.prezly-slate-media {
+    display: block;
+    max-width: 100%;
+    height: auto;
 
-        &--image {
-            @media print {
-                print-color-adjust: exact;
-            }
+    &--image {
+        @media print {
+            print-color-adjust: exact;
         }
     }
 }

.loki/reference/chrome_iphone7_Elements_Bookmark_Horizontal_Long_Title_Short_Description.png

@@ -14,7 +14,6 @@ interface Props {
 export function Media({ className, image, style, title }: Props) {
     const computedClassName = classNames('prezly-slate-media', className, {
         'prezly-slate-media--image': !image.isGif(),
-        'prezly-slate-media--video': image.isGif(),
     });
 
     if (image.isGif()) {

.loki/reference/chrome_iphone7_Elements_Bookmark_Horizontal_Short_Title_Long_Description.png

@@ -44,10 +44,6 @@
         }
     }
 
-    &--gif {
-        display: block;
-    }
-
     &__link {
         position: relative;
         z-index: 0;

.loki/reference/chrome_iphone7_Elements_Bookmark_Horizontal_Without_Description_New_Tab.png

@@ -63,7 +63,6 @@ export function Image({ children, className, node, onDownload, onPreviewOpen, ..
                 'prezly-slate-image--full-width': layout === 'full-width',
                 'prezly-slate-image--align-left': align === 'left',
                 'prezly-slate-image--align-right': align === 'right',
-                'prezly-slate-image--gif': image.isGif(),
             })}
             {...props}
         >