Un dispositif interactif permet au visiteur d’agir, de manipuler, de choisir ou de répondre dans le cadre d’une expérience. Cela crée un lien direct entre l’espace et la personne, qui devient actrice et non plus simple spectatrice.
/* --- 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);
}
}