image responsive inside DIV

by Emmanuel Garcia

HTML

<section id="first" data-speed="8" data-type="background">
    <div class="search-row-wrapper"  data-type="sprite" data-offsetY="100" data-Xposition="100%" data-speed="-2"></div>
</section>

CSS

.search-row-wrapper
{
  background:url(https://www.w3schools.com/css/img_fjords.jpg );
  background-size: cover;
  background-position: center;
  width:100%;
  height:400px;
  padding:50px 0;
  transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
  -webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;width:100%;
  position:absolute;
  z-index:100000000;
}