support styles for mobile version in safari

assets/css/main.css

@@ -389,6 +389,7 @@ object {
     height: 100%;
     display: flex;
     align-items: center;
+    text-align: center;
 }
 
 

assets/css/media.css

@@ -204,7 +204,7 @@
         padding-bottom: calc((100vw - 769px) / (1024 - 769) * (130 - 15) + 15px);
     }
 
-    .video-preview iframe, .video-container--preview  {
+    .video-preview iframe, .video-container--preview {
         width: calc((100vw - 769px) / (1024 - 769) * (815 - 700) + 700px);
     }
 
@@ -457,7 +457,7 @@
         margin: auto;
     }
 
-    .video-preview iframe, .video-container--preview  {
+    .video-preview iframe, .video-container--preview {
         width: calc((100vw - 426px) / (768 - 426) * (700 - 400) + 400px);
     }
 
@@ -520,6 +520,14 @@
 }
 
 @media (min-width: 426px) and (max-width: 1024px) {
+    .usability-cards {
+        height: auto;
+    }
+
+    .usability-card {
+        min-height: 200px;
+    }
+
     .inner {
         max-width: calc((100vw - 426px) / (1024 - 426) * (900 - 350) + 350px);
     }
@@ -603,7 +611,7 @@
         line-height: 27px;
     }
 
-    .video-preview iframe, .video-container--preview  {
+    .video-preview iframe, .video-container--preview {
         width: 80%;
         height: 250px;
     }
@@ -754,6 +762,7 @@
     }
 
     .usability-cards {
+        height: auto;
         justify-content: center;
         padding-bottom: 20px;
     }
@@ -762,6 +771,7 @@
         height: auto;
         display: flex;
         flex-direction: column;
+        min-height: 200px;
     }
 
     .usability-card--title {