Как сделать также фото с текстом по центру?

Question

[Danil2134]

<section class="slider">
          <div class="slider__div">
            <div
              class="slider__section"
              style="background-image: url(Images/1вариант.jpg)"
            >
              <div class="container">
                <div class="slider__">
                  <h2 class="slider__title"></h2>
                  <p class="slider__text"></p>
                </div>
              </div>
            </div>
            <div
              class="slider__section"
              style="background-image: url(Images/2вариант.jpg)"
            >
              <div class="container">
                <div class="slider__">
                  <h2 class="slider__title"></h2>
                  <p class="slider__text"></p>
                </div>
              </div>
            </div>
            <div
              class="slider__section"
              style="background-image: url(Images/3вариант.jpg)"
            >
              <div class="container">
                <div class="slider__">
                  <h2 class="slider__title"></h2>
                  <p class="slider__text"></p>
                </div>
              </div>
            </div>
          </div>
        </section>

.slider__section {
  height: 635px;
  height: 460px;
  position: relative;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

Answer 1

[ThunderCat]

align-items: center;