#puzzle-container {
  display: grid;
  grid-template-columns: repeat(3, 26px);
  grid-template-rows: repeat(3, 26px);
  gap: 1px;
  background-color: #181818;
  padding: 0;
  position: relative;
  width: 80px;
  height: 80px;
  cursor: pointer;
}

.tile {
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: transparent;
  transition: transform 0.12s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.tile img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1); /* Makes black SVGs white */
  pointer-events: none;
}

#tile9 {
  visibility: hidden;
}
