.image-container {
  display: flex;       /* Ustawia elementy w rzędzie */
  gap: 16px;           /* Odstęp między obrazkami */
  width: 100%;         /* Kontener zajmuje całą dostępną szerokość */
}

.responsive-img {
  flex: 1;             /* Oba obrazki będą miały ten sam rozmiar */
  width: 100%;         /* Zapewnia responsywność */
  height: auto;        /* Zachowuje proporcje */
  object-fit: cover;   /* Opcjonalne: przycina obrazek, by wypełnił obszar bez rozciągania */
  border-radius: 8px;  /* Opcjonalne: zaokrąglone rogi */
}