In this Webflow tutorial at 6:20 minutes Parallax image backgrounds, gradients, and video backgrounds - YouTube, it shows the seemingly simple process of adding an overlay color to an image. I have been unable to make this work for me! The attached loom video shows what I am doing — obviously incorrectly. Can someone show me the error of my ways? Loom | Free Screen & Video Recording Software
Hi @kzahner and welcome, the best way to be able help you with your issues is to share “read-only” link so other people can see your project.
Anyway what I see in your video is that you are placing gradient on background this mean that gradient is behind your image. There is several ways how to achieve your design. In your situation you need to create an extra
div with applied gradient positioned
absolute to be on top of image. Another way is to place your image to background and on top of this image place gradient (also in backround)