.layout-flex__wrapper {
display: flex;
flex-direction: column;
gap: 80px;
}
.layout-flex__wrapper-items {
display: flex;
flex-wrap: wrap;
gap: 6rem;
align-items: center;
}
.layout-left-image {
justify-content: flex-start;
}
.layout-right-image {
justify-content: flex-end;
}
.layout-left-image .flex-media__holder {
order: 0;
transform: rotate(-3.24deg);
}
.layout-right-image .flex-media__holder {
order: 1;
transform: rotate(3.24deg);
}
@media screen and (max-width: 992px) {
.layout-right-image .flex-media__holder {
order: 1;
transform: rotate(-3.24deg);
}
}
.layout-left-image .flex-text {
order: 1;
}
.layout-left-image .flex-text > * {
text-align: left;
}
.layout-right-image .flex-text {
order: 0;
}
.layout-right-image .flex-text > * {
text-align: right;
}
.flex-media__holder {
flex-basis: 38%;
}
.flex-text {
max-width: 600px;
flex-basis: 60%;
}
@media screen and (max-width: 1182px) {
.flex-media__holder,
.flex-text {
flex-basis: 100%;
}
}