main{
    grid-column: 1 / -1;
    margin: auto;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
    grid-auto-rows: 18rem;
    width: 75%;
}
h1{
    grid-column: 1 / -1;
    text-align: center;
}
main > picture > *{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 4px 4px 10px #919191a4;
    border-radius: 4em;
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    -ms-border-radius: 4em;
    -o-border-radius: 4em;
}

@media(max-width: 1024px){
    main{
        width: 95%;
    }
}