Responsive Image Grid

• This gallery uses the CSS grid and has a height of 300px.
• Each column is equal to 1fr.
• Each image has a width and height set to 100% to force it to stretch to fill the space.
• Image is cropped using object-fit: cover;

Hover: shift + grayscale

Hover: zoom

Hover: @keyframes + blur

Hover: @keyframes + saturation