:root{--grid-gutter:10px}.image-grid{display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto}.gallery-item{box-sizing:border-box;margin-bottom:var(--grid-gutter);width:300px}.gallery-caption{background:var(--black-color);color:var(--white-color);padding:.6rem 1rem}.gallery-image-wrapper{overflow:hidden}.gallery-item img{display:block;filter:grayscale(0);height:auto;max-width:100%;transition:filter .2s ease,transform .25s linear}@media (hover:hover) and (min-width:768px){.image-grid--hover .gallery-item:focus img,.image-grid--hover .gallery-item:hover img{filter:grayscale(1);transform:scale(1.05) rotate(1deg)}}@media screen and (max-width:767px){.gallery-item{width:calc(50% - var(--grid-gutter))}}@media screen and (max-width:480px){.gallery-item{width:100%}}