body {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50%; /* Default for larger screens */
  background-attachment: fixed;
  background-size: cover;
  background-color: '#424242';
}

/* Mobile devices (typically devices with width less than 600px) */
@media only screen and (max-width: 600px) {
  body {
      background-position: 80%; /* Adjust this for mobile view to show the right side of the image */
  }
}

/* Tablets (typically devices with width between 601px and 1024px) */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  body {
      background-position: 70%; /* Adjust this for tablet view, if needed */
  }
}

/* You can add more media queries if needed for larger devices */