@media screen and (max-width: 960px) {
/*parallaxe voiture*/
.voitureParallaxe {
	padding:0!important;
    position: relative;
    width: 100%;
}

.voitureParallaxe .complet {
	padding:0!important;
    position: relative;
    width: 100%;
height:600px;
}

.voitureParallaxe .complet img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit:cover;
}

.voitureParallaxe .complet > img:nth-of-type(1) {
    position: relative;
    width: 100%;
    display: block;
}

.voitureParallaxe .complet > img:nth-of-type(2) {
    position: absolute;
    will-change: left, top, width;
    animation: voitureMove 1ms linear both;
    animation-timeline: view();
    animation-range:entry 20% cover 50%;
    object-fit:contain;

}

@keyframes voitureMove {
    from {
        left: -20%;
        top: 3%;
        width: 70%;
    }
    to {
        left: 10%;
        top: 8%;
        width: 80%;
    }
}

@supports not (animation-timeline: view()) {
    .voitureParallaxe .complet > img:nth-of-type(2) {
        left: 26.37%;
        top: 32.09%;
        width: 47.15%;
    }
}

#corps .voitureParallaxe .txt {
position: absolute;
z-index: 10;
top:30px;
left: 30px;
width:80%;
border:1px dashed var(--debug); /* debug */
padding:0;
animation: slideInRight 1ms linear both;
animation-timeline: view();
animation-range: entry 20% cover 50%;
}
#corps .voitureParallaxe .txt *{
font-size:2em;
line-height:1em;
}




.voitureParallaxe .complet > .calltoaction {
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 60px;
    width: auto;
    translate: -50% 0;
    animation: slideInBottom 1ms linear both;
    animation-timeline: view();
	animation-range: entry;
}


}