Slick Slider image on the left and text on the right?

Question

css

Good day everyone.
A big request to help in solving a simple issue that I have been struggling with for several hours (

<div class="container">
         <div class="banner-section__inner">
            <div class="banner-section__slider">
               <div class="banner-section__slider-item">
                  <div class="banner-section__slider-left">
                     <img class="banner-section__slider-img" src="images/content/2385930 1.png" alt="banner">
                  </div>
                  <div class="banner-section__slider-right">
                     <h1 class="banner-section__slider-title">
                        Unleash your child’s creativity
                     </h1>
                     <p class="banner-section__slider-text">
                        Verta Creative Academy offers interactive learning opportunities for kids.
                     </p>
                     <p class="banner-section__slider-text">
                        We bring out the fun in art and education, allowing students to make the most of their screen
                        time.
                     </p>
                  </div>
               </div>

               <div class="banner-section__slider-item">
                  <div class="banner-section__slider-left">
                     <img class="banner-section__slider-img" src="images/content/2385930 1.png" alt="banner">
                  </div>
                  <div class="banner-section__slider-right">
                     <h1 class="banner-section__slider-title">
                        Unleash your child’s creativity
                     </h1>
                     <p class="banner-section__slider-text">
                        Verta Creative Academy offers interactive learning opportunities for kids.
                     </p>
                     <p class="banner-section__slider-text">
                        We bring out the fun in art and education, allowing students to make the most of their screen
                        time.
                     </p>
                  </div>
               </div>
            </div>
         </div>
      </div>

.banner-section__slider-img {
   border-radius: 23px;
}

.banner-section__slider-title {
   color: $title-color;
   @include Gae700;
   font-size: 64px;
   line-height: 64px;
   letter-spacing: -0.06em;
   width: 450px;
}

.banner-section__slider-text {
   font-size: 17px;
   line-height: 26px;
   color: #4f4f4f;
   @include Got400;
   width: 450px;
}

I just can’t throw the text to the right of the picture and so that the picture and text switch together, did you try it through flex and other things?

Thank you very much.