/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.photo___container {
    background-color: transparent;
    margin-bottom: 160px;

}

.photo__container_grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 80px;
}

.photo__container_image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 585px;
}

.photo-component__margin {
    margin-top: 20px;
}

@media screen and (min-width: 1600px) {
    .photo__container_image {
        width: 100%;
    }

    .photo__container_grid {
        margin-bottom: 96px;
        gap: 32px;
    }

    .photo___container {
        margin-bottom: 192px;
    }
}



@media screen and (max-width: 1279px) {

    .photo__container_image {
        width: 485px;
    }

}



@media screen and (max-width: 1024px) {

    .photo___container {
        background-color: transparent;
        padding: 0 20px 0;
        margin-bottom: 120px;



    }

    .photo__container_grid {
        margin-bottom: 60px;
        gap: 10px;

    }


    .photo__container_image {
        width: 100%;
        height: auto;
    }
}


@media screen and (max-width: 639px) {

    .photo___container {
        background-color: transparent;
        padding: 80px 10px 0;
    }


    .photo__container_grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }

    .photo__container_image {
        -o-object-fit: contain;
        object-fit: contain;

        width: 100%;
        height: auto;
    }

}