.menu-bg{
    background: linear-gradient(to bottom, #d2b5a0 0%, #FFE6D4 5%,  #7f223b 40%, #5c1d2e 50%, 
                                            #5c1d2e 55%, #7f223b 65%,  #FFE6D4 90%, #d2b5a0 100%);
}

.menu-basic{
    padding: 99px 20px 75px 20px;
}

.menu-fantasy{
    padding: 50px 20px;
}

.menu-fantasy h2{
    color: #F9F5F6;
}

.menu-image-grid{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
    width: 100%;
}

.menu-grid-item{
    height: calc(100vh - 75px);
    position: relative;
}

.menu-grid-item img{
    width: 100%;
    height: 100%;
}

.menu-bg h2{
    padding: 40px 0;
    text-align: center;
    font-size: 3rem;
}
@media (max-width: 1036px) {
    .menu-image-grid{
        flex-direction: column;
    }
}

@media (max-width: 556px) {
    .menu-grid-item{
        height: auto;
        position: relative;
    }
}