.project__gallery__grid {
    display: flex;
    gap: 15px;

    & .project__gallery__grid__column-1,
    .project__gallery__grid__column-2 {
        display: flex;
        flex-direction: column;
        gap: 15px;

        & .project__gallery__grid__item {
            position: relative;
            height: 100%;

            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }

    & .project__gallery__grid__column-1 {
        width: 55%;

        & .project__gallery__grid__item {
            max-height: 900px;
        }
    }

    & .project__gallery__grid__column-2 {
        width: 45%;

        & .project__gallery__grid__item {
            max-height: 436px;
        }
    }
}

.content__project{
    .container{
        gap: 2rem;
    }

    & .project__info{
        display: flex;
        flex-direction: column;
        gap: 1rem;
        & h2{
            text-transform: initial;
            font-size: 36px;
            font-weight: 300;
        }

        & h3{
            font-size: 1rem;
            font-weight: normal;
        }
    }
    
}

@media screen and (max-width: 768px) {
    .project__gallery__grid {
        gap: 5px;
        & .project__gallery__grid__column-1,
        .project__gallery__grid__column-2 {
            gap: 5px;
        }
    }
}