/* Özkara Monitor Hero Editörü tarafından üretilir. */
.panel::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-image: var(--hero-image, none);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: calc(50% + var(--hero-x, 0px)) calc(50% + var(--hero-y, 0px));
  transform: scale(var(--hero-scale, 1));
  transform-origin: center;
}
.panel::before { z-index: 1; pointer-events: none; }

.panel-a {
  --hero-image: url("/assets/hero/hero-01.webp?v=3");
  --hero-scale: 1;
  --hero-x: 0px;
  --hero-y: 0px;
}

.panel-c {
  --hero-image: url("/assets/hero/hero-02.webp?v=2");
  --hero-scale: 1;
  --hero-x: 0px;
  --hero-y: 0px;
}

.panel-b {
  --hero-image: url("/assets/hero/hero-03.webp?v=3");
  --hero-scale: 1.06;
  --hero-x: -7px;
  --hero-y: -1px;
}

.panel-d {
  --hero-image: url("/assets/hero/hero-04.webp?v=2");
  --hero-scale: 1.25;
  --hero-x: -18px;
  --hero-y: 0px;
}