.revista {
    width: 100%;
    display: grid;
    /* grid-template-columns: repeat(auto-fit,minmax(min(100%,250px), 3fr)); */
    grid-template-columns: repeat(auto-fill,minmax(12rem,1fr));
    grid-auto-rows:auto;
    gap: 0.675rem;

    .revista-item {
        text-decoration: none;

        img {
            width:100%;
            height: 100%;
            object-fit: cover;
        }
    }
}