.mods{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 2em;
    padding: 1em;
}

.mod{
    width: 450px;
}

.mod__title{
    color: #4173e3;
}

.mod__thumbnail{
    width: 100%;
    aspect-ratio: 1/1;
    transition: all 0.12s ease-in-out;
    box-shadow: 0 0 50px 50px rgba(0,0,0,0.5) inset;
}

.mod__thumbnail:hover{
    transform: scale(102.5%);
}

@media (width <= 720px) {
    .mods{
        display: flex;
        flex-direction: column;
    }
    .mod{
        width: 100%;
    }
}