.sommaire {
width: calc(100% - 40px);
margin-top: 50px;
padding: 0 20px;
align-items: flex-start;
flex-flow: wrap;
}
.sommaire__card {
position: relative;
width: 30%;
margin: 0 1.5% 20px 0;
min-height: 600px;
min-width: 400px;
}
.sommaire__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sommaire__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.sommaire__image::after {
content: '';
position: absolute;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
background-color: var(--green);
opacity: 0.9;
}
.sommaire__content {
position: relative;
width:  calc(80% - 60px);
padding: 100px 30px;
color: #fff;
}
.sommaire__content h2 {
position: relative;
text-align: center;
}
.sommaire__content h2::after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
background-color: #fff;
}
.sommaire__content p {
position: relative;
margin: 40px 0;
}
.acf-block-preview {
}
@media only screen and (max-width: 800px){
.sommaire {
flex-direction: column;
}
.sommaire__card {
width: 100%;
min-width: 0;
}
}