Обертку части текста можно выполнить на фронтенде, либо с помощью регулярных выражений, либо по количеству слов. Тег br же нужно будет вводить пользователю через систему управления контентом вручную. Однако не рекомендую давать пользователю хоть какие-нибудь инструменты дизайна. Если использовать br, придется писать более сложное выражение для автоматической разбивки Поэтому как показывает практика, проще и лучше обернуть в span.
Можно создать инлайновый тег style, в который загружать переменные, в зависимости от медиа запросов: <style> :root { --background-1: url(image-regular.png) } @media (max-width: 300px) { :root { --background-1: url(image-small.png) } } </style> <div style="background-image: var(--particular-ad);"></div> И так для каждого слоя.
Здравствуйте. Здесь всё просто. Мы же задаем высоту секции в vh, где происходит анимация. То есть когда анимация завершается, фактически, мы доскроллили до конца. Это значит, что дальше будет прокручиваться весь дальнейший контент. Вам просто необходимо добавить обертку для контента, указать position: relative, при необходимости подобрать z-index и верстать последующий контент, который будет прокручиваться дальше. Если внимательно посмотреть и понять урок - когда начинается, когда заканчивается анимация, как происходит привязка к скроллу, всё встанет на свое место и ответ будет на поверхности.