Danya Wyse

Я тоже задавал подобного рода вопросы..
Но скажу честно, тебе не даст это никакого полезного опыта и проблему ты быстро решишь.
Потрать время, посмотри гайды, видео как делаются слайдеры, как вставляются они.
Как выглядит слайдер на чистом 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>