resposive imgs

tinacms · Jul 24, 2023 · a4740a9 · a4740a9
1 parent c209783
commit a4740a9
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/pages/docs/product-tour.tsx b/pages/docs/product-tour.tsx
@@ -255,8 +255,11 @@ const SplitContent = styled.div`
     height: fit-content;
 
     img {
-      width: 100%;
+      max-width: 100%;
+      max-height: calc(100vh - 100px);
       position: absolute;
+      left: 50%;
+      transform: translate(-50%, 0%);
       top: 0;
       transition: opacity 0.35s ease-in-out;
     }