.gallery-wrapper{

  scroll-behavior:smooth;
}

.gallery img{
  width:260px;
  height:180px;

  object-fit:cover;

  border-radius:16px;

  filter:grayscale(100%);

  transition:.4s;

  cursor:pointer;
}

.gallery img:hover,
.gallery img.active{
  filter:grayscale(0%);

  transform:scale(1.08);

  box-shadow:
  0 0 25px rgba(0,255,255,.45);
}

.gallery-grid{
  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(250px,1fr));

  gap:20px;
}

.img-container{
  position:relative;

  overflow:hidden;

  border-radius:16px;
}

.watermark{
  position:absolute;

  bottom:10px;
  left:10px;

  width:60px;

  opacity:.7;

  z-index:5;

  border-radius:50%;
}