body {
  margin: 0;
  overflow-x: hidden;
  /* Prevent horizontal scrollbar */
  /* background-image: url(./images/homepage-animation.gif); */
  background-image: url(/images/homepage-for-animation_02.gif);
  background-size: cover;
  /* Ensures the image fits within the body */
  background-position: inherit;
  background-repeat: no-repeat;
  /* Prevents the image from repeating */
  background-attachment: fixed;
  /* Makes the background image fixed when scrolling */
}

#container {
  max-width: 100%;
  /* Ensure container does not exceed viewport width */
  overflow: hidden;
  /* Prevent content overflow */
  position: relative;
  /* Ensure positioned elements stay within container */
}

.main-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  /* Center content vertically */
  text-align: center;
  padding: 0 20px;
  /* Add padding for better appearance on small screens */
  box-sizing: border-box;
  /* Include padding in the element's total width and height */
}

.main-content {
  max-width: 600px;
  /* Limit content width for better readability */
  margin: 0 auto;
  /* Center content horizontally */
}


@media only screen and (max-width: 480px) {
  body {
    background-image: url(/images/mobile-updated-bg.gif);
  }
}