.bodyprops {
  background: url('../../assets/img/dp.webp') no-repeat center center;
  background-size: 100% 100%;
  height: 100dvh;
  background-attachment: fixed;
}

@container (max-width: 768px) {
  .bodyprops {
    background: url("../../assets/img/dp.webp") center;
    background-size: 100% 100%;
    background-attachment: scroll;
  }
}