How to overlay one image on top of another in React without moving other components down?
So on the homepage of my site, I have a background image, and over it, there is some content. However, as per a new design, I need to also include another image to the left of the content without moving its position. Here is how it is supposed to look like:
But right now, my implementation of this design looks like this:
In other words, the content at the center of the page has been pushed down due to the addition of the paper airplane image. What I want to be able to do is put the paper place image at the very left of the screen next to the central content, without moving the central content at all. Is there any way to do this with React and CSS? (I am also using AntDesign if that helps)
Source: CSS – Stack OverflowNovember 22, 2021