.sec-hero__bi .header-sec-gallery{
    height: auto;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .sec-hero__bi .header-sec-gallery{
        margin-bottom: 20px;
    }
}
.sec-hero__bi .title-sec-hero__website{
    max-width: 640px;
}
.sec-hero__bi .subtitle-sec-hero{
    max-width: 600px;
}
.sec-hero__bi .sec-gallery__inner .cards-br{
    height: 35vh;
}
.sec-hero__bi .card-br img{
    border-radius: 20px;
}
.card-br {
    position: absolute;
    max-width: 240px;
    min-width: 180px;
    width: 25%;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    background: #f0f0f0;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    box-shadow: 0px 6px 12px 0px #00000024;
}
.cards-br {
    position: relative;
    display: flex;
    perspective: 1000px;
    flex: 1;
    opacity: 0;
}
@media (min-width: 1699px) {
    .sec-hero__bi .card-br{
        max-width: 320px;
    }
}
@media (max-width: 786px) {
    .card-br{
        left: unset;
        right: 0;
        transform: translateX(0);
    }
    .card-br:nth-child(5){
        display: none;
    }
    .sec-hero__bi .sec-gallery__inner .cards-br{
        height: 45vh;
    }
}