Header image loosing quality at different resolution

Hello!
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:
https://marcorstock.com/demo-portfolio/

Hope you can help!

Thanks in advance

Hi,

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,
Csaba

Hi,
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:
https://marcorstock.com/demo-portfolio/wp-content/uploads/2017/03/Header-image-example.jpg

and a detail of it:
https://marcorstock.com/demo-portfolio/wp-content/uploads/2017/03/Detail-Header-Image.jpg

Thanks for your help!

Hi,

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,
Csaba

Perfect! It works like a charm!
Thanks so much

Hi,

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,
Csaba