.grid-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.card-produto {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.card-produto img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
}

.container-grupo {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 100px;
}

figure {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
        position: relative;
        z-index: 1;
    }

    div {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 15px;

        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 59.62%, #000000 100%);
        z-index: 10;
    }

    figcaption {
        position: relative;
        z-index: 20;
        text-transform: uppercase;
        font-size: 20px !important;
    }
}

@media (max-width: 1100px) {
    .container-grupo {
        max-width: 97%;
        padding: 0 15px;
    }
}

@media (max-width: 991px) {
    .grid-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 612px) {
    .grid-cards {
        grid-template-columns: repeat(1, 1fr);
        justify-self: center;
    }
}