Я тоже задавал подобного рода вопросы..
Но скажу честно, тебе не даст это никакого полезного опыта и проблему ты быстро решишь.
Потрать время, посмотри гайды, видео как делаются слайдеры, как вставляются они.
Как выглядит слайдер на чистом Js и с помощью библиотек.
Лично я использую библиотеки по типу carousel.js или slick slider , owl-carousel. Все индивидуально.
Касаемо твоего вопроса , слева текст а справа картинка - Это один блок на весь экран, допустим.
Нажимаешь на стрелочку, включается след. блок
Примерно так
<div class ="slider">
<div class =content-1>
<div class ="text-block">
some text
</div>
<div class ="img-block">
<img>
</div>
</div>
<div class =content-2>
<div class ="text-block">
some text
</div>
<div class ="img-block">
<img>
</div>
</div>
</div>
