.s4-carrousel {
margin: 100px 0;
}
.s4-carrousel .item {
color: #ffffff !important;
position: relative;
}
.s4-carrousel .item.lien {
text-decoration: none;
}
.s4-carrousel .item .background {
height: 420px;
position: relative;
}
.s4-carrousel .item .background .img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 20px;
z-index: 1;
}
.s4-carrousel .item .background:after {
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 20px;
background: rgba(0, 0, 0, 0.24);
mix-blend-mode: multiply;
width: 100%;
height: 100%;
z-index: 2;
}
.s4-carrousel .item .background .content {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 3;
display: flex;
flex-direction: column;
justify-content: end;
padding: 30px;
}
.s4-carrousel .item .content .titre {
font-weight: 600;
}
.s4-carrousel .item .content .texte {
font-weight: 300;
}
@media (max-width: 575px) {
.s4-carrousel .item .background {
height: 336px;
}
}.block-back-office {
padding: 50px;
background: white;
color: black;
font-size: 20px;
border: 2px solid black;
}