How to wrap text around a circular image block?

www.bmessinamyportfolio.com
Hello, and thank you for taking the time to read! I'm having a bit of trouble figuring this out. I really want to take the text below these circular images on my front page and create a 'type on a path' effect like in the example image attached. combining the text and photo into a static image won't work because I already have the image itself in a circular frame, and having the text within that image may cause it to clip incorrectly. I do not want the text or image to be distorted. I'd also prefer for indexing and screen readers to keep the written content. There does not seem to be a design feature within Squarespace basic options to do this. I am currently using a text block underneath a circular framed image block. I already have the circular image block floating with a code keyframe animation, and would like to have them floating in unison- otherwise, having the image block 'parent' the text. I have vague ideas on how this would work but do not have the skill or understanding to implement it.

What do you think, how would you go about this?