.gallery
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}

.galleryFrame
{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 80px;
}

.grid-items
{
    width: 100%;
    height: 100%;
    position: relative;
}

.grid-items .image, .grid-items .frame
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
}

.grid-items .image img, .grid-items .frame iframe
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*Centers the image instead of position top-left*/
    object-position: 50% 50%;
    cursor: pointer;
    transition: .5s ease-in-out;
}


.grid-items:hover .image img
{
    transform: scale(1.5);
}

.w-2
{
    grid-column: span 2;
}

.frame-container
{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin: 18px 0;
    border-radius: 20px;
}

.frame-container iframe
{
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}