Обрезать картинку в background:url

.fon-wrap { 
  position: fixed; 
  top: 0; 
  width: 100%; 
  height: 290px; 
  background: url('https://avatanplus.com/files/resources/original/58ed2c368452515b5e74b50e.jpg') top center no-repeat fixed; 
} 
.content { 
  position: relative; 
  padding-top: 50px; 
  height: 1000px; 
} 
.content h1 { 
  color: white; 
  text-align: center; 
} 
.content p { 
  font-size: 20px; 
  width: 80%; 
  margin: 30px auto; 
}

<div class="fon-wrap"></div> 
<div class="content"> 
<h1>ЗАГОЛОВОК</h1> 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> 
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> 
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 
</div>