/* --- SECTION VERTE --- */
.uui-faq01_cta {
position: relative; /* permet limage absolue de se positionner lintrieur */
overflow: hidden;
z-index: 0;
}
/* --- IMAGE DE FOND --- */
.image-23 {
position: absolute;
right: -35px;
bottom: 10px;
width: 320px;
height: auto;
opacity: 0.3;
transform: rotate(-8deg);
pointer-events: none;
z-index: 0; /* reste derrire le texte */
}
/* --- CONTENU AU-DESSUS DU LOGO --- */
.uui-faq01_cta > * {
position: relative;
z-index: 1;
}
/* --- GRAND CRAN (1280px) --- */
@media (min-width: 1280px) {
.image-23 {
width: 370px;
right: -50px;
bottom: 0;
opacity: 0.28;
}
}
/* --- TABLETTE (991px) --- */
@media (max-width: 991px) {
.image-23 {
width: 260px;
right: -25px;
bottom: 10px;
opacity: 0.26;
}
}
/* --- MOBILE (767px) --- */
@media (max-width: 767px) {
.image-23 {
width: 200px;
right: -10px;
bottom: 15px;
opacity: 0.22;
transform: rotate(-5deg);
}
}
