53 lines
779 B
CSS
53 lines
779 B
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;*/
|
|
}
|