.home-page {
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  line-height: normal;
  letter-spacing: normal;
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
}

.image-1-icon1 {
  max-width: 80%; /* Fit within 90% of the screen width */
  max-height: 80%; /* Fit within 90% of the screen height */
  object-fit: contain; /* Maintain aspect ratio */
  cursor: pointer;
}

@media screen and (max-width: 450px) {
  .home-page {
    flex-direction: column; /* Stack items vertically for mobile */
  }

  .image-1-icon1 {
    width: 80%; /* Responsive size for smaller screens */
    height: auto;
  }
}