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:

enter image description here

But right now, my implementation of this design looks like this:

enter image description here

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 Overflow

November 22, 2021
Category : News
Tags: css | formatting | react-component | reactjs

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.