.display2 {
position: relative;
width: 100vw;
padding: 100px 0;
}
.display2__barre::after {
content: '';
position: absolute;
z-index: -1;
top: calc(100% - 120px);
left: calc(50% - 2px);
width: 4px;
height: 240px;
background-color: var(--green);
}
.display2__barre__left::after {
transform: translateX(-50px) rotate(25deg)
}
.display2__barre__right::after {
transform: translateX(50px) rotate(-25deg)
}
.display2__inner {
position: relative;
width: calc(100% - 160px);
padding: 0 80px;
max-width: var(--maxwidth2);
justify-content: flex-start;
}
.display2__dleft .display2__inner {
justify-content: flex-end;
}
.display2__image {
position: absolute;
top: 50%;
right: 80px;
width: calc(55% - 80px);
transform: translateY(-50%) rotate(2deg);
}
.display2__dleft .display2__image {
right: unset;
left: 80px;
transform: translateY(-50%) rotate(-2deg);
}
.display2__image__container {
position: relative;
width: 100%;
padding-top: 75%;
}
.display2__image__container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.display2__content {
position: relative;
z-index: 2;
width: calc(55% - 120px);
background-color: var(--grey);
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
padding: 60px 60px 40px 60px;
}
.display2__content h2 {
color: var(--green);
margin-bottom: 25px;
text-align: center;
}
.display2__content p {
margin-bottom: 25px;
}
.acf-block-preview {
}
@media only screen and (max-width: 1280px) {
.display2__inner, .display2__dright .display2__inner {
flex-direction: column;
}
.display2__image, .display2__dleft .display2__image {
position: relative;
top: unset;
left: unset;
right: unset;
width: 100%;
transform: rotate(2deg);
}
.display2__dleft .display2__image {
transform: rotate(-2deg);
}
.display2__content {
width: calc(100% - 120px);
}
.display2__barre__left::after {
transform: rotate(25deg)
}
.display2__barre__right::after {
transform: rotate(-25deg)
}
}
@media only screen and (max-width: 600px) {
.display2__inner {
width: 100%;
padding: 0;
}
.display2__content {
width: calc(100% - 40px);
padding: 60px 20px 40px 20px;
}
}