@Devs-advocate
Posted
#container {
position: relative;
z-index: 0;
}
#img {
position: absolute;
top: 0;
right: 23px;
z-index: -1;
}
Give the image a lower z-index so it's behind the text. There's a lot of online resources that can give better examples than I have, but making your image absolute and the container it's in, relative will place the image. The z-index will modify if it's in front or behind. Apart from that, your structure and details are very good. Nice work.
@Adhi-S12
Posted
@Devs-advocate Actually I tried this when doing the project, but the issue is that since the text is on the container and the container has a background, the quote image goes behind the container