.light-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 500px;
}

.switch {
  position: relative;
  width: 150px;
  height: 75px;
  background: #252525;
  border: 2px solid #fff;
  border-radius: 10px;
  margin-bottom: 30px;
}

.switch input {
  appearance: none;
}

.switch span {
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 70px;
  background: #333;
  border: 8px solid #212121;
  border-radius: 14px;
  cursor: pointer;
  transition: 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
}

.switch input:checked~span {
  left: 70px;
  background: #fff
}

.switch span .power-icon {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}

.switch input:checked~span .power-icon {
  filter: drop-shadow(0 0 5px #00ff00) drop-shadow(0 0 10px #00ff00);
}

.bulb {
  position: relative;
  top: -450px;
  left: 50%;
  transform: translateX(-50%);
  width: 384px;
  height: 408px;
  background: url(../../img/bulb_off.png) no-repeat;
  background-size: cover;
  transition: 0.5s ease-in-out;
  pointer-events: none;
}

.switch input:checked~.bulb {
  background: url(../../img/bulb_on.png) no-repeat;
  background-size: cover;
}