How can I zoom out the background image on mobile view?

Store Design
, , , , ,
4 
{% style %}
      
/* Set initial styles for the entire page */
html, body {
  background:black;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: auto; /* Prevent scrolling on mobile */
}

/* Apply styles when the device is in vertical orientation */
@media (max-width: 768px) and (orientation: portrait) {
  body {
    overflow: auto; /* Enable scrolling in vertical orientation */
  }
}

/* Apply styles when the device is in horizontal orientation */
@media (max-width: 768px) and (orientation: landscape) {
  body {
    overflow: auto; /* Enable scrolling in horizontal orientation */
  }
}