Как я могу сделать это изображение расширяться при поддержании выравнивания текста? ⇐ Javascript

[Anonymous]

Друг попросил меня помочь им с их веб -страницей, но я не могу понять это. Он хочет, чтобы текст был выровнен с изображением выше (все сосредоточено как раздел с полом: Auto; и максимальная ширина: 1300px ), в то время как изображение справа должно расширяться справа Страница, как на изображении, но я не могу заставить изображение быть справа, не испортив выравнивание текста.
Я попытался использовать позицию: относительно; < /code> на изображении, но я могу ' T заставьте его придерживаться справа от страницы. Я также попытался сделать изображение фоновым изображением зеленого секции, но когда я немного увеличил, текст, кажется, перекрывается. Любое другое решение, которое я испортил текстом.

< /p>
.verde2{
width: 100%;
height: 500px;
background-color: #00824B;
}
.verde-container{
display: flex;
max-width: 1300px;
height: inherit;
margin: auto;
}
.verde2-text, .verde2-poza{

height: inherit;
}
.verde2-text h3 {
margin-top: 0;
font-size: 1.8em;
display: flex;
align-items: center;
gap: 10px;
}
.verde2-text{
display: flex;
flex-direction: column;
padding: 25px;
padding-left: 0px;
gap: 25px;
width: 60%;
}

.verde2-poza{
width: 40%;
height: 500px;
background-image: url("AdobeStock_250597018.png");
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
< /code>





De ce este importanta
durabilitatea?
Exista multe avantaje pentru durabilitate, atat pe termen scurt,
cat si pe termen lung. Nu putem mentine ecosistemele
Pamantului sau nu putem continua sa functionam asa cum o
facem daca nu se fac alegeri mai durabile.Daca procesele
daunatoare sunt mentinute fara nicio modificare, este probabil
ca vom ramane fara combustibili fosili, un numar mare de specii de animale vor disparea si atmosfera va fi afectata iremediabil.
Aerul curat si conditiile atmosferice netoxice, cresterea resurselor
pe care se poate baza, precum si calitatea si curatenia apei sunt
toate beneficii ale sustenabilitatii.



< /code>



Подробнее здесь: https://stackoverflow.com/questions/794 ... xt-aligned