Hero image - size and quality issue

Hi. How do I make sure the size of the hero image fits properly on the screen? I tried to upload the right size and put "bg-cover" but still the image gets stretched and gets pixelated. Please help.

Hi Faizan,

Welcome to the community! I'll be happy to help you with this.

Can you give me some more info about which hero image you're talking about?

Usually the trick here is to have the following CSS:

background-position: center center;
background-size: cover;