[TrendingNow] Thumbnail size modify

com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.jsx

@@ -16,6 +16,7 @@ import {
 } from "../../../../actions/playActions";
 import { $L } from "../../../../utils/helperMethods";
 import css from "./PopularVideoCard.module.less";
+import CustomImage from "../../../../components/CustomImage/CustomImage";
 
 const SpottableComponent = Spottable("div");
 
@@ -126,7 +127,12 @@ export default function PopularVideoCard({
     >
       <figure className={css[thumbnailType]}>
         {thumbnailImgPath && (
-          <img src={thumbnailImgPath} alt={showNm} loading="lazy" />
+          <CustomImage
+            delay={0}
+            src={thumbnailImgPath}
+            animationSpeed="fast"
+            alt={showNm}
+          />
         )}
       </figure>
       <div className={classNames(css.videoDesc, isFocused && css.descFocused)}>

com.twin.app.shoptime/src/views/TrendingNowPanel/PopularShow/PopularVideoCard/PopularVideoCard.module.less

@@ -28,6 +28,7 @@
   }
 
   > figure:nth-child(1) {
+    .size(@w: 1002px, @h: 564px);
     .position(@position: absolute, @top: 0, @right: 0, @left: 0);
     z-index: -1;
     .flex();
@@ -36,7 +37,7 @@
 
     &.horizontal {
       > img {
-        .size(@w: 1002px, @h: 564px);
+        .size(@w: 1002px, @h: auto);
         border-radius: 12px;
       }
     }
@@ -45,7 +46,7 @@
       background-color: @COLOR_BLACK;
 
       > img {
-        .size(@w: 326px, @h: 564px);
+        .size(@w: auto, @h: 564px);
         border-radius: 12px;
       }
     }