Bug image resolution overlay
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
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 !
Dear @Ben
do you know this?
https://www.w3schools.com/css/css3_object-fit.asp
Best!
Marius
