Vertically Center Image from Blog

Hello! I'm facing an issue with vertically aligning the images on my blog post to the middle. Turns out I heavily custom coded these pages and I set the images to a max-height of 40vmax. The image is logically cut-off but the problem is that it focuses on the top and not the center of the image. I've already tried with the following:
"
.entry .sqs-block-image-figure .image-block-wrapper img{

    object-fit: cover;
    object-position: center center; 

}

"
and variations, trying different classes, focusing on different nested divs but couldn't find a solution. If someone know what selector to target in order to make this work, it'll be hugely appreciated.

Link to the blogs page: https://www.theslatestudio.com/slate-takes

You mean thumbnail images on this page or another page?

https://www.theslatestudio.com/slate-takes

I mean inside each blog entry. It's an issue throughout the entries.

For example: https://www.theslatestudio.com/slate-takes/blog-post-title-one-znlnp