/*
.container1 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 15px;
}
.container1 img {
width: 100%;
display: block;
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all 100ms ease-out;
}
.container1 img:hover {
transform: scale(1.04);
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
*/