span.control {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  cursor: pointer;
  display: flex;
  justify-content: space-around;
  gap: 10%;
  box-sizing: border-box;
  padding: 0.25rem;
  background: linear-gradient(180deg, var(--clr-bg) 1%, transparent);
}
span.control a:hover {
  opacity: .5;
}

span.control a img {
  width: 100%;
  height: 100%;
}
span.control a {
  width: 3rem;
  aspect-ratio: 1/1;
  transition: opacity .2s ease;
}