.pattern-bg {
    background-image: url(../images/bg-element.png);
    background-size: cover;
    background-attachment: fixed;
}

/* Add a media query to hide the background image on screens with a maximum width of 767px (adjust as needed) */
@media (max-width: 767px) {
  .pattern-bg {
    background-image: none; /* Hide the background image */
  }
}