Is there a way to get rid of the box that occurs when you set the div style in HTml?

You set div style = position: relative to place the image on the image as shown in the image. However, when I set the div, a box was created by the horizontal size of the image below it (blue box). In this case, is there a way to set the box according to the image size?