hi there o/,
I think using background-image to add the quotation image is fine. A small change that could help is to define the background-position
to start from the top
and right
with an offset so that scales more consistently with the design.
e.g.
background-position: top right 15%;
/* or you can also do this */
/* background-position-x: right 15%; */
/* background-position-y: top; */
Adding the quotation image with <img> element and position absolute works too, but it may require a bit more work. Most likely the text will require adding a z-index
and a position: relative
(for z-index to work) to place it above the <img> element.
If using <img> element with position absolute, I would also define the position to start from the top
and right
with an offset, e.g. top: 0; right: 15%;
.
Hope this helps :)
Marked as helpful
@ehoda9
Posted
@Milleus Thanks. :)