.container {
    position: relative;
    width: 1024px; /* dowolna szerokość */
    height: 576px;
    overflow: hidden; /* opcjonalne, aby zdjęcia nie wychodziły poza kontener */
}

.image1, .image2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* zdjęcie zajmie całą szerokość kontenera */
    height: auto; /* proporcjonalna wysokość */
    transition: opacity 0.1s ease; /* płynna animacja zmiany opacity */
}

#opacitySlider {
    width: 512px;
    margin-top: 10px;
}

.sticky-div {
    position: -webkit-sticky; /* dla Safari */
    position: sticky;
    padding: 50px; /*20px*/
    top: 0; /* Ustawia diva na górze ekranu */
    z-index: 1000; /* Zwiększa z-index, aby upewnić się, że div jest na wierzchu */
    background-color: black;
}