[src*='portrait'] {
    display: block;
}

[src*='landscape'] {
    display: none;
}

/* Change project image displayed on landscape orientation  */
@media only screen and (orientation : landscape) {

    [src*='landscape'] {
        display: block;
    }

    [src*='portrait']{
        display: none;
    }
}

 /* Apply scroll snapping to sections on desktop devices */
@media only screen and (min-width: 768px) {

    body {
        scroll-snap-type: y proximity;
    }
    
    section {
        scroll-snap-align: start;
    }
}