.ribeye-regular {
    font-family: "Ribeye", serif;
    font-weight: 400;
    font-style: normal;
}
.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}
body {
    margin: 0;
    font-family: Ribeye;
    background-color: #c6b3a0;
}
h1 {
    text-align: center;
    padding: 1rem;
}
.grid {
    column-count: 4;
    column-gap: 1em;
    padding: 1em;
    padding-top: 350px;
}
.grid-item {
    break-inside: avoid;
    margin-bottom: 1em;
    background: #c6b3a0;
    border-radius: 8px;
    box-shadow: 0 2px 5px #6e422c;
    overflow: hidden;
}
.grid-item img {
    width: 100%;
    display: block;
}
@media (max-width: 768px) {
    .grid{
        column-count: 2;
    }
}
@media (max-width: 480px) {
    .grid{
        column-count: 1;
    }
}