openaire-library/utils/section-scroll/section-scroll.component.css

[left] {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    height: 100vh;
    /*border: 1px solid red;*/
}

[left] .imgContainer {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    height: 70%;
    /*border: 1px solid greenyellow;*/
}

@media (max-width: 960px) {
    [left] {
        height: 50vh;
    }

    [left] .imgContainer {
        top: 5%;
        height: 80%;
    }

    [left] > * {
        align-items: flex-start;
    }

    [scroll] > * {
        align-items: flex-end;
    }
}

[left] img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

[scroll] {
    margin-top: 15vh;
    margin-bottom: 25vh;
}

[scroll] > * {
    height: 60vh;
    /*    border: 1px solid darkorange;*/
}