.c-gallery{width:100%;max-width:1000px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 10px;margin:20px auto 0;box-sizing:border-box}.c-gallery__item{position:relative;overflow:hidden;list-style:none;width:calc(33.3333% - 20px);margin:0 10px 20px;padding-top:calc(33.3333% - 20px);box-sizing:border-box}.c-gallery__item::after{content:"";display:block;width:100%;height:100%;position:absolute;background:#f7f7f7;top:0;z-index:-1}.c-gallery__item a:hover{opacity:1}.c-gallery__item a:hover img{transform:scale(1.2) translate(0%,-42%)}.c-gallery__item a:hover h3{opacity:1}.c-gallery__item img{position:absolute;top:50%;left:0%;transform-origin:center;transform:scale(1) translate(0%,-50%);transition:all .2s 0s ease}.c-gallery__item h3{opacity:0;display:block;color:#fff;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);word-wrap:break-word;font-size:12px;line-height:2;text-align:justify;letter-spacing:.05rem;padding:5%;margin:0;box-sizing:border-box;background:rgb(0 0 0 / .8);transition:all 0.2s ease}@media screen and (max-width:768px){.c-gallery{padding:0 7.5px;margin:15px auto 0}.c-gallery__item{width:calc(33.3333% - 15px);margin:0 7.5px 15px;padding-top:calc(33.3333% - 15px)}}@media screen and (max-width:500px){.c-gallery{padding:0 5px;margin:10px auto 0}.c-gallery__item{width:calc(50% - 10px);margin:0 5px 10px;padding-top:calc(50% - 10px)}}