Removing Empty Space Underneath Embedded Video

Hello, 

Can anyone help me with a video block issue, please? 

I would like the image in the middle (custom video image) to completely fill the video block so that it can align with the images on either side of it.

Thank you!

Can you share your website URL and this page?

16 hours ago, Ziggy said:

Can you share your website URL and this page?

https://www.carnabytalent.com/josh-white

That's one example, but the problem is a site wide issue on other pages as well.

It looks like you're running into one of the limitations of the video block, that unlike the image blocks, you can't set them to fill the container. CSS like this may help, but it's a fine adjustment needed:

#block-4ed0d7ecd0c5b851cec5 {
  .video-block .video-player {
    padding-bottom:58.5%;
  }
}

That's targeting the 5th video (2nd row middle).

Alternatively you could go for a different setup and just use images, but for the videos use the image as a video lightbox, that way you just have images and they all would line up perfectly. This should help with that suggestion: