Header image loosing quality at different resolution

thanks for this beautiful theme!
I’m still developing the site, but I can’t figure out what’s happening to the header image.
I think I messed up something with the header max height settings.
By the way, now the image looks good only at higher or lower screen resolutions, while when looked at 100% resolution it shows bad quality (screening effect). I also tried different browsers and different monitors (and also different images), so I believe this is a bad settings.
This is the website:

Hope you can help!

Thanks in advance


I can’t see nothing wrong with your header image, can you, please post a screenshot where I can see the issue(s)?

Best Regards,

thanks for your feedback.
I double-checked on other browsers and devices, I still see the problem.
It’s about tiny regular points within the images, shown only at full resolution.
Please note the points within the sky.
It also happens if I set the default header image of the theme.
Here you see the whole image:

and a detail of it:

Thanks for your help!


If you meant the pattern overlay, then you can remove it using this Custom CSS:

.overlay {
    display: none !important;

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,

Perfect! It works like a charm!
Thanks so much


Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,