Hmm changing the overlay pattern will not result in the desired situation. I think i can explain more specific what I mean.
Instead of having an overlay pattern I’m thinking more of a box that can have content like text and button but the characteristics of this box are that it has a colour with opacity 0.6.
When the text is part of the box, the text will keep its full white appearance and it will btw be responsive (now it is bad on mobile).
I did it before on www.jullo.nl (see call to action) only the area’s are different now so i need to understand how to identify the right area(container).
I used to do this:
background-color: rgba(15, 133, 209, 0.7);
padding: 20px 20px 40px 20px;
So it is not putting a layer on top, but rather adjusting the properties of the container. Can you help?