.paragraph--type--gallery{display:flex;flex-wrap:wrap}.small-gallery-image__container{position:relative;width:calc(25% - 10px);margin:5px}.small-gallery-image__container:before{content:"";display:block;position:relative;width:100%;padding-bottom:100%}.small-gallery-image{position:absolute;width:100%;height:100%;top:0;cursor:pointer}.small-gallery-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .3s ease-in-out;background:var(--color-blue-bg);background-color:#00000078;background-position:center;background-repeat:no-repeat;background-size:75%}.small-gallery-image:hover:after{opacity:1}.gallery-block{display:flex;flex-wrap:wrap;max-width:1600px;margin:auto;padding:50px}.gallery-image{position:relative;width:calc(25% - 20px);margin:10px;cursor:pointer}.gallery-image:after{display:block;content:""}.gallery-image article{position:absolute}.gallery-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .3s ease-in-out;background:var(--color-blue-bg);background-color:#00000078;background-position:center;background-repeat:no-repeat;background-size:75%;z-index:5}.gallery-image:hover:before{opacity:1}@media screen and (max-width:1000px){.gallery-block{padding:25px}.gallery-image{width:calc(100%/3 - 20px)}}@media screen and (max-width:767px){.gallery-block{padding:5px}.gallery-image{width:calc(50% - 10px);margin:5px}}body[data-page=gallery] main{padding-top:var(--header-h)}