My goal is to put a semi-transparent gradient over a background image. Currently it looks like this for me:
I have the following two problems, but can’t find a solution for them:
The background image starts directly under the navigation, since the height is set to vh100, it is too high in height exactly by the height of the navigation. How can I correct this? Preferably a solution that also works for a navigation with a different height. The solution may well be with SCSS.
The history starts at the top, covers the navigation. But this should start at the height of the image and take exactly the height of the image. Currently it is exactly shifted by the navigation height.
Can anyone tell me the solution here? Best probably by means of SCSS and a calc function?