Я работаю над страницей с помощью Nextjs, где использую обычный слайдер изображений. Я пытаюсь найти способ установить левое поле ползунка равным левому полю контейнера остального содержимого. Правая часть слайдера должна выходить за пределы экрана, поэтому невозможно использовать тот же контейнер, что и остальной контент.
Поскольку контейнер имеет фиксированную ширину, поле слева от контейнера будет увеличиваться по мере увеличения ширины экрана.
Я пытался заставить его работать со многими медиа-запросами, но он получается слишком запутанным и никогда не будет точным.
Это изображение идеи.

Я не смог найти примеров. Надеюсь, кто-нибудь знает решение!
Мобильная версия