.sub-card .mh{position:relative;display:block;overflow:hidden}
.sub-card .mh>img{display:block;width:100%}
.sub-card .mh .mh-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;opacity:0;transition:opacity .35s ease;
  pointer-events:none;background:transparent;border-radius:inherit;
}
@media (hover:hover) and (pointer:fine){ .sub-card:hover .mh .mh-video{opacity:1} }
@media (hover:none){ .sub-card .mh .mh-video{opacity:1} }