.content {
  display: flex;
  flex-wrap: wrap;
}

.content .item {
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid rgb(255, 247, 247);
  transition: all 400ms ease-out;
}

.content .item img {
  display: block;
  object-fit: cover;
  border-radius: 4px;
}

.content:has(.item:focus) .item:not(:focus),
.content:has(.item:hover) .item:not(:hover) {
  opacity: 0.1;
  scale: 0.92;
}

.content .item:focus,
.content .item:hover {
  box-shadow: 0px 0px 24px 4px rgba(112, 112, 112, 0.7);
  transition: all 300ms ease-out;
}

/*# sourceMappingURL=gallery.css.map */