body {
  position: relative; /* Ensures that padding is applied */
  z-index: 0; /* Default stacking order */
  margin: 0; /* Reset default margin */
}

#globalContent {
  width: calc(200px * (16 / 9)); /* Width based on a height of 200px to maintain aspect ratio */
  height: 200px; /* Fixed height */
  margin-top: auto; /* Pushes the div to the bottom of its container */
  background-color: rgb(80, 74, 74); /* Background color white */
  border: 1px solid #bd04ae; /* Add a light border */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds shadow for depth */
  overflow: auto; /* Add scroll if content overflows */
  z-index: 1000; /* Ensure it is under other elements */
  padding: 20px; /* Add padding inside the div */
}

/* Ensure the content within globalContent div is not wider than the div itself */
#globalContent > * {
  max-width: 100%;
  height: auto;
}
.center-content {
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  text-align: center; /* Center text */
  height: 100%; /* Take full height of the div */
}