Screen rise fade effect

    #container {
      background-image: url("https://i.imgur.com/DkbBrvX.jpg");
  background-repeat: repeat;
  background-size: 100% 100%;
  background-position: bottom right;
    width: 100%;
    height: 100%;
    opacity:0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:2;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    }

    #container:hover{
    opacity:1;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    }

body {
  background: #0e8414;
}


---------------------------


PUT WHAT EVER YOU Want here! Like a Rose or something for Nero. This is a matter of however you want to code it.

<div id="container">

The portion you want to appear goes in here. Like pretty much the entire profile code.



</div>