Kostylev2021, какой-то странный выбор между фоном и svg.
Вы можете задать эту картинку фоновой svg.
Для блока или псевдоэлемента, если так удобнее.
Если с помощью svg то где такому научиться ?
Обычно это задача дизайнера.
Но, конечно, хорошо, когда и верстальщик понимает что к чему.
Вы можете просто открыть векторный редактор и нарисовать.
И почитать про структуру SVG.
ForSureN1, спасибо, я в курсе.
Но не могу рассказывать всю историю флексов и гридов в каждом вопросе. Поэтому имеет смысл тегать не меня, а автора вопроса.
Евгений Винокуров, просто большинство браузеров очень разумно игнорируют запрет масштабирования. Поэтому и page speed нет смысла обращать внимание на то, написан он или нет.
gazes12, например, через счетчик. Стрелка вперед +1, стрелка назад -1
Перед тем как это делать, подумайте о том, действительно ли вам нужны эти кошмарные прыжки слайдера и что будете делать, если картинка окажется шире контентной области.
Levidze222, вам поможет валидатор https://validator.w3.org/nu/
Вы неверно используете и неверно вкладываете теги друг в друга.
Как только исправите все ошибки, станет хорошо или по крайней мере лучше.
Уже получили bottom в px, теперь получите высоту родителя, вычислите % одного от другого...