.list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* PCは4列 */
}

/*1023px以下*/
@media screen and (max-width: 1023px){
    .list {
        grid-template-columns: repeat(2, 1fr); /* スマホは2列 */
    }
}

.item img{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.item{
    padding: 1rem;
}

.item:hover{
    background-color: #f5f8fa;
}