Почему не работает position: relative у элемента elvo__window?

Question

[Danil2134]

<section class="elvo">
          <div class="container">
            <div class="elvo__section">
              <div class="elvo__window">
                <p class="elvo__title">Компания elvo</p>
                <p class="elvo__input">Лучшая компания</p>
                <p class="elvo__text">
                  Строительная компания ELVO является проектной организацией,
                  которая отвечает за подготовку всего проекта, в соответствии с
                  договором или контрактом.
                </p>
              </div>

              <img class="elvo__img" src="Images/elvo.jpg" alt="" />
            </div>
          </div>
        </section>

.elvo__section {
  display: flex;
  margin-top: 80px;
  height: 770px;

}

.elvo__img {
  width: 700px;
  height: 500px;
  position: absolute;
}

.elvo__window {
  display: flex;
  flex-flow: column wrap;
  height: 510px;
  width: 460px;
  /*margin-left: 30px;*/
  background-color: #f1f1f1;
  position: relative;
}

Comments

[Александр Васильев]

работает

Answer 1

[IvanU7n]

оно работает, но подозреваю, что position нужен не для elvo__window, а для elvo__section, ведь elvo__img находится в нём
ну или нужно перенести elvo__img внутрь elvo__window