Как сделать так, чтобы изображение плавало влево, а текст — вправо? ⇐ CSS

[Anonymous]

В настоящее время я работаю над проектом, в котором настроил фоновое изображение, которое будет перемещаться при прокрутке пользователем, используя позиции move1, move2 и move3. Однако сейчас я пытаюсь настроить макет так, чтобы текст (

Код: Выделить всё

topPanel

) перемещается вправо, а не вверху, а также перемещает фоновое изображение влево.
Я пытаюсь добиться чего-то подобного — https:/ /www.nytimes.com/interactive/2021/04/02/ ... arman.html (Там написано, что требуется подписка, но вы сможете просматривать страницы без подписки.)
Я попытался добиться этого, используя макет сетки, но, похоже, фоновое изображение вообще перестало двигаться. Я не уверен, какие шаги мне следует пропустить, чтобы решить эту проблему. Можете ли вы дать некоторые рекомендации? Спасибо.

Код: Выделить всё

$(document).ready(function() {
var winHeight = $(".topPanel").height(),
topLimit = winHeight;

$(".topPanel").on("scroll", function() {
$(".feature").each(function() {
var thisTop = $(this).offset().top - $(window).scrollTop();

if (thisTop 

Подробнее здесь: [url]https://stackoverflow.com/questions/78485468/how-do-i-make-my-image-float-left-and-text-to-the-right[/url]