.gallery-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto auto;
    grid-template-areas: "header" "image" "." "info" "footer";
    height: 100vh;
    width: 100vw;
    gap: 0;  
    row-gap: 1em;
    justify-content: center;
}

.image-container {
    grid-area: image;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.image-container img {
    max-width: 100vw; 
    max-height: 100%;
    object-fit: contain;
    
    /* Frame */
    padding: 0;
    border-style: unset;
    box-shadow: unset;
    background: unset;
}

.artwork-info-card {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "title" "description" "material" "artist";
    gap: 0.5em;
}

.artwork-info-card--description {
    width: 99%;
}