<style>
  html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* brak poziomego scrolla przy skalowaniu */
  }

  /* wrapper centrujący „płótno” */
  .page-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  /* Twoje „płótno” 1920px skalowane do szerokości okna */
  .desktop-content {
    width: 1920px;
    transform-origin: top center;
    /* skala liczona automatycznie: min 0.5x, max 1x (zmień wg potrzeb) */
    --scale: clamp(0.5, 100vw / 1920, 1);
    transform: scale(var(--scale));
  }

  /* opcjonalnie: na mobile pokazuj tylko obrazek */
  .mobile-content { display: none; }
  @media (max-width: 1024px) {
    .mobile-content { display: block; }
    .page-wrapper, .desktop-content { display: none; }
  }
</style>