.zhf-thumb-wrapper {
   position: relative;
   width: 100%;
   aspect-ratio: 1 / 1;
   background-size: cover;
   background-position: center;
   overflow: hidden;
 }

 .zhf-video-lazy {
   position: absolute;
   inset: 0;
   z-index: 5;
   pointer-events: none;
 }

 .zhf-video-overlay {
   width: 100%;
   height: 100%;
   object-fit: cover;
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
 }

 .zhf-video-lazy[data-loaded="true"] .zhf-video-overlay {
   opacity: 1;
 }

@media (max-width: 994px) {
  .zhf-thumb-wrapper {
   position: unset;
 }
}