*,
*::before,
*::after {
  box-sizing: border-box;
}
img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}
a {
  text-decoration: none;
}
ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    row-gap: 24px;
    column-gap: 24px;
}
.gallery-item {
 transition: transform 250ms ease-in-out; 
}
.gallery-item:hover {
  transform: scale(1.1);
}