.hero {
    overflow: hidden;
    height: 100%;
    width: 100%;
 }

.hero figure {
    height: 100%;
    margin: 0;
}

#hero {
    background-image: url("../images/map-of-the-world-2401458_1920.jpg");
    min-height: 575px;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.parallax {
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: lightgray;
}

#index-parallax-2 {
    background-image: url("../images/computer-1209641.jpg");
    min-height: 350px;
}