Banner does not show right

[Antonynex]

Dear people,

i tried everything includung different sizes banners, coding but somehow i can not seem te get my new made baner to show right on my website keeping the same aspect ratio. Whatever i do it keeps showing it blurry or wrong size and apect ratio my website is https://lucky4voeter.nl  paswrd: Temp12 can someone help me to fix this please.

Thank you so Mutch!

[CodingFifty]

Hi @Antonynex,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

img.carousel-item-img.d-none.d-lg-block {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

[Antonynex]

Do ii need to add the code on every one of those files or in just one of them ?

[CodingFifty]

One of them @Antonynex 

[Antonynex]

Thank you so mutch it seems to work on the desktop version, but not on the mobile version, do you have a solution for that to  Please ?

[CodingFifty]

Try this code.

img.carousel-item-img.d-lg-none {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

img.carousel-item-img.d-none.d-lg-block {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

[Antonynex · Accepted solution]

Thank you so Mutch, these codes do work properly ! Verry mucht appriciate your time effort and help !

[CodingFifty]

Please mark my solution @Antonynex