.sticky-box-parent {
    position: sticky;
    top: 10rem;
    z-index: 1;
    align-self: flex-start;
}


.sticky-box-parent .img_4-3-wraper {
    transform: translate(50px, 50px);
    margin-bottom: 5rem;
}

.sticky-box-parent:nth-child(2) .eixo-card {
    transform: translate(15px, 15px);
}

.sticky-box-parent:nth-child(3) .eixo-card {
    transform: translate(30px, 30px);
}

.sticky-box-parent:nth-child(4) .eixo-card {
    transform: translate(45px, 45px);
}

.eixo-card {
    max-width: 550px;
    min-height: 350px;
}

.hero-pattern {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: radial-gradient(rgb(196 196 196 / 28%) 1px, transparent 3px);
    background-size: 32px 32px;
    pointer-events: none;
}

.img_4-3-wraper {
    aspect-ratio: 6 / 3;
    width: 90%;
}

@media (max-width:1400px) {
    .img_4-3-wraper {
        aspect-ratio: 4 / 3;
        width: 90%;
    }
}

@media (max-width: 575px) {


    .sticky-box-parent:nth-child(2) .eixo-card {
        transform: translate(0px, 15px);
    }

    .sticky-box-parent:nth-child(3) .eixo-card {
        transform: translate(0px, 30px);
    }

    .sticky-box-parent:nth-child(4) .eixo-card {
        transform: translate(0px, 45px);
    }

    .eixo-card {
        min-height: fit-content;
    }

    .sticky-box-parent {
        top: 6rem;
    }
}