body, html {
  margin: 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.centered-image {
  size: 20%;
  max-width: 100%;
  max-height: 100vh;
  width: auto;
  height: auto;
}
@media (max-width: 1024px) {
  .centered-image {
      max-width: 60%; /* Или любой другой процент или фиксированный размер */
      max-height: 90vh;
      padding: 5%; /* Отступы по краям */
  }
}