.image-gallery {display: flex;flex-wrap: wrap;justify-content: center;padding: 2rem;}.image-gallery > li {flex-basis: 350px;margin: 10px;  position: relative;cursor: pointer;}.image-gallery li img {object-fit: cover;width: 100%;height: 100%;vertical-align: middle;border-radius: 5px}.overlay { position: absolute;width: 100%;height: 100%;background: rgba(57, 57, 57, 0.502);top: 0;left: 0;transform: scale(0);transition: all  0.3s ease-in-out;color: #fff;border-radius: 5px;display: flex;align-items: center;justify-content: center}.image-gallery li:hover .overlay {transform: scale(1);}#gallery-lake {background: #C9D6FF;  background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF); background: linear-gradient(to right, #E2E2E2, #C9D6FF);}#gallery-collar {background: #ADA996;  background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);}#gallery-peak {background: #E0EAFC; background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC);  background: linear-gradient(to right, #CFDEF3, #E0EAFC);}@media screen and (max-width: 481px) {.image-gallery {padding: 0.3rem;}}