How can I optimize a slideshow image for both desktop and mobile?

[Chris444666]

Hi, I found difficulties in finding the one size that fit desktop and mobile.

When I use image with size 1024x1024. It looks good on mobile but not desktop.

How do I make it equally same for desktop and mobile?

Thanks a lot .

I have attached image for your reference.

Desktop version

Mobile version

[oscprofessional]

@Chris444666

Hii,

Can You Please Share YOur Store URL

[Chris444666]

bignuts.my

[oscprofessional]

@Chris444666 ,

@media only screen and (min-width: 1024px){
div#Slider-template--14821040848930__slideshow {
    min-height: 84rem;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

[Chris444666]

Hi thanks!