<div id="container">
</div>
  
body {
    background-color:black;
}

#container {
  height: 100vh;
  background-image:  url(http://wallpoper.com/images/00/40/77/73/cars-audi_00407773.jpg);
  box-shadow: inset 0vw -6vh 20vw 40vh rgba(0,0,0,0.99);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% -20%;
  transition: all 2.2s linear;
}

#container:hover {
  transition: all 0.6s linear;
  box-shadow: inset 30vw -6vh 25vw 42vh rgba(0,0,0,0.1);
  box-shadow: inset -30vw -6vh 25vw 42vh rgba(0,0,0,0.1);

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.