.bandeau-texteRl{
display: flex;
flex-direction: row;
gap: 56px;
align-items: center;
margin: 32px 0;
}
.bandeau-texteRl .containerLeft {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 60%;
gap: 26px;
overflow: hidden;
box-sizing: border-box;
}
.bandeau-texteRl .containerLeft img{
width: 100%;
max-width: 100%;
max-height: 500px;
object-fit: cover;
display: block;
}
.bandeau-texteRl .containerRight {
color: var(--Principal, #174A42);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
align-self: stretch;
width: 40%;
gap: 26px;
}
.bandeau-texteRl .containerRight .texte {
font-size: 16px;
line-height: 1.6;
margin-bottom: 20px;
} @media screen and (min-width: 1281px) {
.bandeau-texteRl {
padding-left: calc((100vw - 1280px) / 2);
padding-right: calc((100vw - 1280px) / 2);
}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
.bandeau-texteRl {
padding-left: calc((100vw - 1024px) / 2);
padding-right: calc((100vw - 1024px) / 2);
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.bandeau-texteRl {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 767px) {
.bandeau-texteRl {
padding-left: 20px;
padding-right: 20px;
display: flex;
flex-direction: column-reverse;
gap: 16px;
}
.bandeau-texteRl .containerLeft {
width: 100%;
}
.bandeau-texteRl .containerLeft img {
max-height: 350px;
}
.bandeau-texteRl .containerRight {
width: 100%;
align-items: center;
}
.bandeau-texteRl .containerRight .texte {
font-size: 14px;
}
}