Huge gap between the featured image and gallery images

Here’s how to replicate the issue.

First, set product with 1:1 ratio featured image.
Second, set 16:9 ratio thumbnail for the video, which has the same ratio as the thumbnail.
Third, set numbers of 16:9 ratio images for the product gallery.

Visiting the product front page and I see the huge gap between the video and product gallery display.

https://snipboard.io/EOy5AB.jpg

Product video height + gap = 1:1 ratio featured image height.

Is there a away to override the height equal to the video height? Thanks!

Tried CSS: .single-product .ywcfav-video-content.vimeo {padding-bottom: 0 !important;} But refreshing the page completely collapsed the video and couldn’t interact with it.

Giving height could fix the problem, but it’s not responsive.