:root{
    --galeryTop:0vw;
    --padding-corner:6.25vw;
}
.galery{
    height:auto;
    padding:3.125vw var(--padding-corner) 11.125vw var(--padding-corner);
    background: linear-gradient(90deg, #DDF2FB 0%, #B0B3FE 100%);
    background-size: cover;
    background-repeat: no-repeat;
    top:var(--galeryTop);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    height: max-content;
    color:#2d2d2d;
}
.galeryHeader{
    white-space: nowrap;
}
.galery::after{
    z-index: -1;
    position: absolute;
    content:' ';
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:  url("../../../img/kindalbom/noise.png") repeat left top;
    opacity:0.2;
}
.galeryPhotoContainer{
    width: 100%;
    margin-top: 4.166vw;
}
.galeryPhotoContainer .swiper-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.galeryPhotoContainer .swiper-slide{
    margin-top: 1vw;
}
.bigPhoto{
    max-width:100%;
    min-height:calc((100vw - var(--padding-corner) * 2) * 0.66);
}
.smallPhoto{
    max-width:28.166vw;
    min-height:calc(28.166vw * 1.5);
}
.bigPhoto>img, .smallPhoto>img{
    border-radius: 3vw;
    width: 100%;
    height:100%;
    user-select: none;
    cursor: pointer;
}
.morePhotos{
    margin-top: 4.16vw;
    padding:0.8vw 1.875vw;
    background-color: #fff;
    color:#2d2d2d;
    border-radius: 5.2vw;
    transition:all 0.3s ease;
    display: flex;
    justify-content: start;
    align-items: center;
    width: max-content;
}
.morePhotos:hover{
    background-color: #2d2d2d;
    color:#fff;
}
.morePhotosIcon{
    width: 1.875vw;
    margin-right: 0.8vw;
}