fix: add preview modal

src/views/home/about/styles.module.scss

@@ -155,18 +155,19 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  cursor: pointer;
 }
 
 
-.ModalContainer {
+.VideoModalContainer {
   background: $color-white;
   width: 100%;
   border-radius: rem(16px);
   padding: rem(10px) rem(10px);
-  margin-bottom: 20px;
+  margin-bottom: rem(20px);
   display: flex;
   flex-direction: column;
-  max-width: 460px;
+  max-width: rem(460px);
   justify-content: center;
   align-self: center;
 
@@ -184,4 +185,50 @@
       stroke-opacity: 0.8;
     }
   }
+}
+
+.PreviewModalContainer {
+  background: $color-white;
+  width: max-content;
+  height: auto;
+  border-radius: rem(16px);
+  padding: rem(10px) rem(10px);
+  margin-bottom: rem(20px);
+  display: flex;
+  flex-direction: column;
+  //max-width: max-content;//rem(460px);
+  justify-content: center;
+  align-self: center;
+  overflow: visible;
+
+  @include iftablet{
+    max-width: unset;
+    align-self: unset;
+    width: max-content;
+    height: auto;
+  }
+
+  .Image{
+    object-fit: contain;
+    width: 80vw;
+    height: auto;
+    max-height: 90vh;
+    @include iftablet{
+      width: auto;
+      height: 90vh;
+    }
+  }
+
+  & > svg {
+    z-index: 1;
+    top: rem(5px);
+    right: rem(-25px);
+    @include iftablet{
+      right: rem(-40px);
+    }
+    path {
+      stroke: #FFFFFF;
+      stroke-opacity: 1;
+    }
+  }
 }