#box-3 {
  position: relative;
  height: 50vh;
  width: 100%;
  background-image: url(/assets/img/Schloss.jpg?h=6adb1604c61bf20938798b4ed000559e);
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  background-attachment: fixed;
  clip-path: polygon(0% 5%, 100% 0%, 100% 95%, 0% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  #box-3 {
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
}

h1 {
  font-family: arial black;
  font-size: 50px;
  color: white;
  margin: 0px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}