Fixed poster for background video Edge product page

_layouts/thingsboard-edge.html

@@ -5,8 +5,8 @@
 <!--  HERO  -->
 <section id="hero" class="light-text"
          data-vide-bg="mp4: https://video.thingsboard.io/edge-cover.mp4,
-                       poster: /images/thingsboard-edge/preview.png"
-         data-vide-options="bgColor: #000000, loop: true, muted: true, posterType: jpg">
+                       poster: https://img.thingsboard.io/pe-cover.webp"
+         data-vide-options="bgColor: #000000, loop: true, muted: true, posterType: webp">
     <div class="video-cover"></div>
     <div id="hero-content">
         <span class="header-animation edge-title">ThingsBoard Edge</span>

products/thingsboard-edge/thingsboard-edge.sass

@@ -12,7 +12,7 @@
     overflow: hidden
     background: none
     div:nth-child(1)
-      background-image: url(https://img.thingsboard.io/tb-cover.webp) !important
+      background-image: url(https://img.thingsboard.io/edge-cover.webp) !important
     .video-cover
       position: absolute
       z-index: -2
@@ -25,7 +25,7 @@
       background-color: #000
       background-repeat: no-repeat
       background-position: 50% 50%
-      background-image: url(https://img.thingsboard.io/tb-cover.webp)
+      background-image: url(https://img.thingsboard.io/edge-cover.webp)
     #hero-content
       height: 100%
       display: flex