Is there anything wrong with using negative margin for images, in a boostrap based page?

I want to surround some text with an upper half-circle, and a lower half-circle, so that the two halves overlap a bit and surround the text. The way I’m doing this is by setting the margin-top to a negative number for the lower circle, and for the text element (so that the text resides “in the middle” of the top half-circle, and the bottom half-circle moves up to overlap and “hold” the text). My layout is bootstrap 4 based. Is there anything wrong with using negative margins in this way, while using bootstrap?