@media (min-width: 1024px) {
  #home {
    background: none;
  }

  #home::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 16%, rgba(255,255,255,0.7) 32%, rgba(255,255,255,0.5) 48%, rgba(255,255,255,0.25) 68%, rgba(255,255,255,0.08) 84%, rgba(255,255,255,0) 100%), url('./hero.jpg');
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right center;
    background-size: 100% 100%, cover;
    z-index: 0;
  }

  #home > div:first-child {
    display: none !important;
  }

  #home > div:nth-child(2) > div:last-child {
    display: none !important;
  }
}

#services .absolute.top-6.right-6.w-40.h-28 {
  display: none !important;
}
#services .absolute.top-6.right-6.w-40.h-28 {
  display: none !important;
}

@media (min-width: 768px) {
  #services .grid > div::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right center;
    background-size: 100% 100%, cover;
    z-index: 0;
    pointer-events: none;
  }

  #services .grid > div:nth-child(1)::after {
    background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 16%, rgba(255,255,255,0.7) 32%, rgba(255,255,255,0.5) 48%, rgba(255,255,255,0.25) 68%, rgba(255,255,255,0.08) 84%, rgba(255,255,255,0) 100%), url('./profesyonel-kamera-sistemleri.jpg');
  }

  #services .grid > div:nth-child(2)::after {
    background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 16%, rgba(255,255,255,0.7) 32%, rgba(255,255,255,0.5) 48%, rgba(255,255,255,0.25) 68%, rgba(255,255,255,0.08) 84%, rgba(255,255,255,0) 100%), url('./plaka-tanima-sistemleri.jpg');
  }

  #services .grid > div:nth-child(3)::after {
    background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 16%, rgba(255,255,255,0.7) 32%, rgba(255,255,255,0.5) 48%, rgba(255,255,255,0.25) 68%, rgba(255,255,255,0.08) 84%, rgba(255,255,255,0) 100%), url('./hirsiz-koruma.jpg');
  }

  #services .grid > div:nth-child(4)::after {
    background-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 16%, rgba(255,255,255,0.7) 32%, rgba(255,255,255,0.5) 48%, rgba(255,255,255,0.25) 68%, rgba(255,255,255,0.08) 84%, rgba(255,255,255,0) 100%), url('./sistem-entegrasyonu.jpg');
  }
}