update

src/components/HowWorksSection.vue

@@ -30,10 +30,24 @@
         :key="tab.name"
         :name="tab.name"
         >
-        <q-skeleton
+        <div
+          class="relative-position w100">
+        <div
+          class="abolute-position w100"
+          style="height: 60vh;"
+          >
+          <iframe 
+            src="https://kinescope.io/embed/5yesvjfi6XAYRuxzbsYGHZ" 
+            allow="autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write; screen-wake-lock;" frameborder="0" allowfullscreen style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"
+            >
+          </iframe>
+        </div>
+        </div>
+          
+        <!-- <q-skeleton
           style="height: calc(100vw * 0.5 / 16 * 9)"
           square
-        />
+        /> -->
       </q-tab-panel>
     </q-tab-panels>
 </slide-template>