.kiosk {
  cursor: pointer;
  width: 300px;
  height: 189px;
}

.kiosk img {
  width: 300px;
  height: 189px;
  opacity: 90%;
  transition: 0.3s ease-in-out;
  z-index: 10;
}

.kiosk:hover {
  width: 300px;
  height: 189px;
  background: rgb(00, 153, 255);
}

.kiosk:hover img {
  width: 300px;
  height: 189px;
  box-shadow: 0px 0px 20px 10px rgb(00, 153, 255);
  opacity: 90%;
  z-index: 1;
}

.kiosk:focus-within {
  -webkit-appearance: none;
  width: 300px;
  height: 189px;
  box-shadow: 0px 0px 20px 20px rgb(00, 153, 255);
  opacity: 100%;
  z-index: 1;
  outline: none;
}