.infinityGallery {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70vh;
    background-color: white;
    padding-top: 5em;
    padding: 5em 5em;
    transition: background .4s ease-in;
}

.infinityGallery input[type=radio] {
    display: none;
}

.infinityGallery .card {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform .4s ease;
    cursor: pointer;
}

.infinityGallery .container-carroussel {
    width: 100%;
    max-width: 800px;
    max-height: 600px;
    height: 100%;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.infinityGallery .cards {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

.infinityGallery img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



@media (max-width: 768px) {
    .infinityGallery .cards {
        width: 80%;
    }

    .infinityGallery {
        height: 40vh;
    }
}



.infinityGallery .item-1:checked~.cards #galeria1-label-3,
.infinityGallery .item-2:checked~.cards #galeria1-label-1,
.infinityGallery .item-3:checked~.cards #galeria1-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria1-label-2,
.infinityGallery .item-2:checked~.cards #galeria1-label-3,
.infinityGallery .item-3:checked~.cards #galeria1-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria1-label-1,
.infinityGallery .item-2:checked~.cards #galeria1-label-2,
.infinityGallery .item-3:checked~.cards #galeria1-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}





.infinityGallery .item-1:checked~.cards #galeria2-label-3,
.infinityGallery .item-2:checked~.cards #galeria2-label-1,
.infinityGallery .item-3:checked~.cards #galeria2-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria2-label-2,
.infinityGallery .item-2:checked~.cards #galeria2-label-3,
.infinityGallery .item-3:checked~.cards #galeria2-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria2-label-1,
.infinityGallery .item-2:checked~.cards #galeria2-label-2,
.infinityGallery .item-3:checked~.cards #galeria2-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}



.infinityGallery .item-1:checked~.cards #galeria3-label-3,
.infinityGallery .item-2:checked~.cards #galeria3-label-1,
.infinityGallery .item-3:checked~.cards #galeria3-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria3-label-2,
.infinityGallery .item-2:checked~.cards #galeria3-label-3,
.infinityGallery .item-3:checked~.cards #galeria3-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria3-label-1,
.infinityGallery .item-2:checked~.cards #galeria3-label-2,
.infinityGallery .item-3:checked~.cards #galeria3-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}


.infinityGallery .item-1:checked~.cards #galeria4-label-3,
.infinityGallery .item-2:checked~.cards #galeria4-label-1,
.infinityGallery .item-3:checked~.cards #galeria4-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria4-label-2,
.infinityGallery .item-2:checked~.cards #galeria4-label-3,
.infinityGallery .item-3:checked~.cards #galeria4-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria4-label-1,
.infinityGallery .item-2:checked~.cards #galeria4-label-2,
.infinityGallery .item-3:checked~.cards #galeria4-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}




.infinityGallery .item-1:checked~.cards #galeria5-label-3,
.infinityGallery .item-2:checked~.cards #galeria5-label-1,
.infinityGallery .item-3:checked~.cards #galeria5-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria5-label-2,
.infinityGallery .item-2:checked~.cards #galeria5-label-3,
.infinityGallery .item-3:checked~.cards #galeria5-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria5-label-1,
.infinityGallery .item-2:checked~.cards #galeria5-label-2,
.infinityGallery .item-3:checked~.cards #galeria5-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}


.infinityGallery .item-1:checked~.cards #galeria6-label-3,
.infinityGallery .item-2:checked~.cards #galeria6-label-1,
.infinityGallery .item-3:checked~.cards #galeria6-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria6-label-2,
.infinityGallery .item-2:checked~.cards #galeria6-label-3,
.infinityGallery .item-3:checked~.cards #galeria6-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria6-label-1,
.infinityGallery .item-2:checked~.cards #galeria6-label-2,
.infinityGallery .item-3:checked~.cards #galeria6-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}



.infinityGallery .item-1:checked~.cards #galeria7-label-3,
.infinityGallery .item-2:checked~.cards #galeria7-label-1,
.infinityGallery .item-3:checked~.cards #galeria7-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria7-label-2,
.infinityGallery .item-2:checked~.cards #galeria7-label-3,
.infinityGallery .item-3:checked~.cards #galeria7-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria7-label-1,
.infinityGallery .item-2:checked~.cards #galeria7-label-2,
.infinityGallery .item-3:checked~.cards #galeria7-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}



.infinityGallery .item-1:checked~.cards #galeria8-label-3,
.infinityGallery .item-2:checked~.cards #galeria8-label-1,
.infinityGallery .item-3:checked~.cards #galeria8-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria8-label-2,
.infinityGallery .item-2:checked~.cards #galeria8-label-3,
.infinityGallery .item-3:checked~.cards #galeria8-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria8-label-1,
.infinityGallery .item-2:checked~.cards #galeria8-label-2,
.infinityGallery .item-3:checked~.cards #galeria8-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}






.infinityGallery .item-1:checked~.cards #galeria9-label-3,
.infinityGallery .item-2:checked~.cards #galeria9-label-1,
.infinityGallery .item-3:checked~.cards #galeria9-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria9-label-2,
.infinityGallery .item-2:checked~.cards #galeria9-label-3,
.infinityGallery .item-3:checked~.cards #galeria9-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria9-label-1,
.infinityGallery .item-2:checked~.cards #galeria9-label-2,
.infinityGallery .item-3:checked~.cards #galeria9-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}



.infinityGallery .item-1:checked~.cards #galeria10-label-3,
.infinityGallery .item-2:checked~.cards #galeria10-label-1,
.infinityGallery .item-3:checked~.cards #galeria10-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria10-label-2,
.infinityGallery .item-2:checked~.cards #galeria10-label-3,
.infinityGallery .item-3:checked~.cards #galeria10-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria10-label-1,
.infinityGallery .item-2:checked~.cards #galeria10-label-2,
.infinityGallery .item-3:checked~.cards #galeria10-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}




.infinityGallery .item-1:checked~.cards #galeria11-label-3,
.infinityGallery .item-2:checked~.cards #galeria11-label-1,
.infinityGallery .item-3:checked~.cards #galeria11-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria11-label-2,
.infinityGallery .item-2:checked~.cards #galeria11-label-3,
.infinityGallery .item-3:checked~.cards #galeria11-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria11-label-1,
.infinityGallery .item-2:checked~.cards #galeria11-label-2,
.infinityGallery .item-3:checked~.cards #galeria11-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}




.infinityGallery .item-1:checked~.cards #galeria12-label-3,
.infinityGallery .item-2:checked~.cards #galeria12-label-1,
.infinityGallery .item-3:checked~.cards #galeria12-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria12-label-2,
.infinityGallery .item-2:checked~.cards #galeria12-label-3,
.infinityGallery .item-3:checked~.cards #galeria12-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria12-label-1,
.infinityGallery .item-2:checked~.cards #galeria12-label-2,
.infinityGallery .item-3:checked~.cards #galeria12-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}






.infinityGallery .item-1:checked~.cards #galeria13-label-3,
.infinityGallery .item-2:checked~.cards #galeria13-label-1,
.infinityGallery .item-3:checked~.cards #galeria13-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria13-label-2,
.infinityGallery .item-2:checked~.cards #galeria13-label-3,
.infinityGallery .item-3:checked~.cards #galeria13-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria13-label-1,
.infinityGallery .item-2:checked~.cards #galeria13-label-2,
.infinityGallery .item-3:checked~.cards #galeria13-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}







.infinityGallery .item-1:checked~.cards #galeria_concept-label-3,
.infinityGallery .item-2:checked~.cards #galeria_concept-label-1,
.infinityGallery .item-3:checked~.cards #galeria_concept-label-2 {
    transform: translatex(-40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria_concept-label-2,
.infinityGallery .item-2:checked~.cards #galeria_concept-label-3,
.infinityGallery .item-3:checked~.cards #galeria_concept-label-1 {
    transform: translatex(40%) scale(.8);
    opacity: .4;
    z-index: 0;
}

.infinityGallery .item-1:checked~.cards #galeria_concept-label-1,
.infinityGallery .item-2:checked~.cards #galeria_concept-label-2,
.infinityGallery .item-3:checked~.cards #galeria_concept-label-3 {
    transform: translatex(0) scale(1);
    opacity: 1;
    z-index: 1;
}