* {
    padding:0;
    margin:0;
    box-sizing: border-box;
}
main{
    display: flex;
    height: 100vh;
    width: 100vw;
}
.left {
    width: 50%;
    position: relative;
}
.right{
    width: 50%;
    position:relative;
}
 h2{
    font-size: 3.5rem;
    opacity:0.2 ;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
 }
 body{
    font-family:'Cantora One', sans-serif;;
 }
.left{
    background-image:url(assets/morning.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}
.right{
    background-image: url(assets/Evening.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.overlay{
    height: 100%;
}
.left .overlay{
    background: #ffffff69;
}
.right .overlay{
    background:#0000001a;
}
.left h2{
    color: black;
}
.right h2{
    color: whitesmoke;
}