.wrapper__photos{display:flex; flex-wrap:wrap; margin:0 -3px}
.photos-block{width:25%; padding:3px}
.photos-block a{display:block}
.photos-block a:hover::after, .photos-block a:hover::before{opacity:1}
.photos-block a::after{transition: opacity 0.3s linear 0s; opacity:0; content:"";box-shadow: 0px 4px 10px rgba(0, 102, 155, 0.6);background:#00669B url(/templates/potolki/images/zoom.png) no-repeat center center;width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 100%;}
.photos-block a::before{transition: opacity 0.3s linear 0s; opacity:0; content:""; background: linear-gradient(0deg, rgba(0, 102, 155, 0.35), rgba(0, 102, 155, 0.35)); position:absolute; top:0; bottom:0; left:0; right:0}
.photos-block img{height:230px; object-fit:cover; width:100%}
@media(max-width:1229px){
	.photos-block img{height:185px}
}
@media(max-width:991px){
	.photos-block{width:33.3333%}
}
@media(max-width:767px){
	.photos-block{width:50%}
}
@media(max-width:420px){
	.photos-block{width:100%}
	.photos-block img{height:80vw}
}