.photos__list-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.photos__item {
    position: relative;
    margin-bottom: 40px;
    margin-right: 40px;
    display: block;
    width: 340px;
    box-shadow: 0 18px 40px rgb(0 0 0 / 25%);
    transition: opacity ease .2s;
}
.photos__item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    transition: background-color ease .2s;
    z-index: 10;
}
.photos__item img {
    display: block;
    width: 360px;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767px) {
    .photos__item {
        margin-right: 0;
        width: 100%;
    }
    .photos__item img {
        width: 100%;
        height: 400px;
    }
}