Bug image resolution overlay

[Ben]

Hello,

We are having an issue on our website and we don't know how to fix it.
Site : http://nwb-studio.com/

We would like to upload images with a better resolution for overlay pictures on the homepage. It works fine with standard desktop screen but it seems low res on retina devices.

Do you have any advice for us :) ?

Best,

Ben

[mariusjopen]

Dear @Ben
how do you embed those images?

Best!

Marius

[Ben]

Hi Marius,

Thx for your quick feedback :)

Please find below the code :

a.cahiercentral:hover:after {
content: url(http://nwb-studio.com/wp-content/uploads/2019/04/Logo-3D-Rotation.gif);
display: block;
}

I can't find the way to enclose the images inside a block with defined dimensions, so I created every image with the same height to make it look like I did. Thus I can't get images two times bigger like I'd normally do for retina screens, because they won't be resized by any block and would be way too big.

Thx !

[mariusjopen]

Dear @Ben
do you know this?
https://www.w3schools.com/css/css3_object-fit.asp
Best!

Marius