How to make a slider from the first page so that the white oblique lines run over the picture with the text (that is, so that they are on the slider)?

Question

css

How to make a slider from the first page so that the white oblique lines run over the picture with the text (that is, so that they are on the slider)? Is my html structure correct? And what should I attach the picture to, I understand that it's a stupid question, but still. Previously, it was not necessary to do such options.

onhome.devshift.co.uk

Answer 1

I would make each triangle a separate element, and on css (google -> css triangle generator).
And then place these objects on top, and animate. Under the bottom there will be a slider, the triangles will simply overlap part of the picture.