.parallax-keret {
  filter: drop-shadow(0px 7px 0px white) drop-shadow(0px 3px 0px #FFA200) drop-shadow(0px 2px 6px var(--bs-gray));
}

.parallax {
  /*background-size: cover;*/
  background-position: center;
  background-attachment: fixed;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 83%, 20% 100%, 0 83%);
  height: 750px;
  align-items: center;
  margin-bottom: 55px;
  color: white;
  background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url('../../assets/img/fejleckep_w.jpg') top center no-repeat;
  /*background-attachment: fixed;*/
  /*background-size: cover;*/
  background-repeat: no-repeat;
}

@media (max-width: 1566px) {
  .parallax {
    height: 510px;
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url('../../assets/img/fejleckep_laptop.jpg') center no-repeat;
  }
}

@media (max-width: 1097px) {
  .parallax {
    height: 420px;
    background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.1)), url('../../assets/img/fejleckep_tablet.jpg') top center no-repeat;
  }
}

@media (max-width: 576px) {
  .parallax {
    height: 460px;
    background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.1)), url('../../assets/img/fejleckep_telefon.jpg') top center no-repeat;
  }
}

.parallax-background {
  width: 0px;
  height: auto;
  display: none;
  filter: brightness(50%);
}

.parallax-background, .parallax-placeholder {
  filter: brightness(38%);
  /*background-image: url("placeholder.jpg");*/
  background: url('living-room-with-sofa-and-air-conditioner-PNPV4G4.jpg') center / cover;
}

.parallax-placeholder {
  position: absolute;
  z-index: -200;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*background-size: cover;*/
  /*background-position: 50% 48%;*/
  /*background-attachment: fixed;*/
  /*background-position: top;*/
  /*background-size: 366%;*/
}

@media (min-width: 300px) {
  .parallax-placeholder {
  }
}

@media (min-width: 992px) {
  .parallax-placeholder {
    /*background-size: cover;*/
  }
}

.parallax-content {
  color: white;
  text-align: center;
  /*padding: 90px 0;*/
}

@media (min-width: 300px) {
  .parallax-content {
    /*padding: 55px 0;*/
  }
}

@media (min-width: 768px) {
  .parallax-content {
    /*padding: 85px 0;*/
  }
}