html, body {
  height: 100%; /* Ensures html and body take full viewport height */
  margin: 0; /* Removes default margin */
  padding: 0; /* Removes default padding */
  overflow: hidden; /* Prevents scrollbars if content exceeds viewport */
  background: #ECF0F1
}

.theme-content-container {
  display: flex; /* Enables Flexbox for easy centering */
  justify-content: center; /* Centers content horizontally */
  align-items: center; /* Centers content vertically */
  width: 100vw; /* 100% of viewport width */
  height: 100vh; /* 100% of viewport height */
}

.theme-content-container img {
  max-width: 100%; /* Ensures image doesn't overflow its container horizontally */
  max-height: 100%; /* Ensures image doesn't overflow its container vertically */
  object-fit: contain; /* Scales the image to fit without cropping, preserving aspect ratio */
}