[abeham]

can you provide a better solution?

[abeham]

so I added

@media screen and (max-width: 479px)
{
/* Front Cover Image */
.cover { position: relative; z-index:1000; width:100%; height:100%; overflow:hidden; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.rm-cover .cover { background-image: url( “/images/site/cover.jpg” ) !important; background-size: 560px 730px;}

and found that helped but its not perfect

[abeham]

OK so I found your code to change the image file for mobile, tried it with an image with smaller dimensions and it just upscaled it to the dimensions given by the CSS.

So I need to change how it’s resized (so more of or the whole image is viewable)