*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}
body, html{
    height:100%;
}
section{
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.9)),url(https://images.unsplash.com/photo-1520333789090-1afc82db536a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=871&q=80);
    background-size:cover;
    background-position:fixed;
    height:100%;
}
section .info{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    text-align:center;
    color:#fff;
    padding:50px;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    width:75%;
}
section .info:hover{
    width:75%;
    background:#272230;
    transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    color:#000;
    border-radius:10px;
    color:yellow;
}