#background_gradient {
    background-image:
    linear-gradient(to bottom, rgb(245, 246, 252, -0.5) 60%, rgb(54, 64, 34));
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
}

body, html {
    height: 100%;
}

body {
    background-image: url("../assets/bg_fixed_bw.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#background1 {
    background-image: url("../assets/bg_img1.jpg");
}

#background2 {
    background-image: url("../assets/bg_img2.jpg");
    
}

#background3 {
    background-image: url("../assets/bg_img3.jpg");
    
}

#background4 {
    background-image: url("../assets/bg_img4.jpg");
    
}

#background5 {
    background-image: url("../assets/bg_img5.jpg");
    
}

.bg_img{
    height: 100%;
    max-width: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#iFrameMap{
    -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 10%, rgba(0,0,0,0));
}