/* Palvelut-sivun taustakauvat */
.hero {
  background-image: linear-gradient(
    135deg,
    rgba(15, 23, 42, 0.01) 0%,
    rgba(30, 41, 59, 0.005) 50%,
    rgba(15, 23, 42, 0.02) 100%
  ),
  url('../img/desktop/päiväkuva.jpg');
  background-size: cover, cover;
  background-position: center bottom, center bottom;
  background-attachment: fixed, fixed;
  background-repeat: no-repeat, no-repeat;
}

@media (max-width: 768px) {
  .hero {
    background-image: linear-gradient(
      135deg,
      rgba(15, 23, 42, 0.01) 0%,
      rgba(30, 41, 59, 0.005) 50%,
      rgba(15, 23, 42, 0.02) 100%
    ),
    url('../img/mobile/päiväkuva.jpg');
    background-size: cover, cover;
    background-position: center bottom, center bottom;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat, no-repeat;
  }
}

@media (max-width: 480px) {
  .hero {
    background-image: linear-gradient(
      135deg,
      rgba(15, 23, 42, 0.01) 0%,
      rgba(30, 41, 59, 0.005) 50%,
      rgba(15, 23, 42, 0.02) 100%
    ),
    url('../img/mobile/päiväkuva.jpg');
    background-size: cover, cover;
    background-position: center bottom, center bottom;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat, no-repeat;
  }
}