title: How to set complete image as a background of <div>
body: <p>Below is my image_url</p>
  
  <p><a href="https://s3-ap-southeast-1.amazonaws.com/nearfox-other-images/imagebeautiful_hair_model_salon_124591669_large__20160501120024380271.jpg" rel="nofollow">https://s3-ap-southeast-1.amazonaws.com/nearfox-other-images/imagebeautiful_hair_model_salon_124591669_large__20160501120024380271.jpg</a></p>
  
  <p>I want to set this image as the cover picture on the below page</p>
  
  <p><a href="https://nearfox.com/mumbai/p/aura-thai-spa-borivali-west" rel="nofollow">https://nearfox.com/mumbai/p/aura-thai-spa-borivali-west</a></p>
  
  <p>But this image is getting cropped automatically. I don't want to generate separate size for this.
  So, how can I crop the custom part of the image and maintain the aspect ratio at the same time.</p>