Remove Search Results Map and expand view for listings only

I also noticed that if I use: “height: fit-content;” it is the same as height=26vh; best scenario but some content is still cut of:

So for different resolutions I am using different width and height:
.sd.single.geodir-page .featured-area {
height: 26vh;
width: 80%vh;
}
No combination of width and height works properly for any screen resolution. Is there another CSS control that I am missing?

What I am trying to achieve is for the featured image to resize and fit on the screen regardless of the resolution, it should always fit on the screen. I can resize the image at different resolution ranges, but I can’t figure out how to resize the width and height of the featured image on the detail page.

Please help.
Rigo

Hi Kor,
Thank you very much, the above CSS worked for keeping the whole image visible in the featured image in the detail page.
This setting also effect the featured image in the home page, now my home page does not look right.

So how do I target the featured image only in the main page? so instead of “.feature-image { }”, I need “.SOMETHING ELSE . feature-image ()”, what is this SOMETHING ELSE that I need to target only the feature-image in the detailed page?

Thank you again, I am almost there.

Rigo