<style>
div.relative {
  position: relative;
  width: 380px;
  height: 800px;
  border: 3px solid green;
} 
div.absolute {
  position: absolute;
  top: 0px;
  right: 20px;
  width: 360px;
  height: 160px;
  border: 3px solid red;
  border-bottom: 20px solid blue;
 background-image: linear-gradient(red, yellow);
}
div.image {
  position: absolute;
  top: 20px;
  right: 0;
  width: 360px;
  height: 180px;
  border: 3px solid blue;
}
</style>
<div class="relative">This div element has position: relative;
  <div class="absolute">This div element has position: absolute;</div>
   <div class="image">This IS AN IMAGE</div>
</div>