.imageWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; /* Adjust as needed */
  height: 100%; /* Adjust as needed */
  overflow: hidden; /* Ensure no overflow */
  border: 1px solid #ccc; /* Optional: for visual debugging */
  background-color: #e0f7fa; /* Optional: for visual debugging */
}

.image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* Ensure the image fits within the container */
}