code to create flip effect on a shape on with texts on both sides ones it's hovered in squarespace

Code  to create  flip effect on a shape with texts on both sides in squarespace. Such that both sides of the rectangle has texts on it and it switches sides or flips on hover.

the reference site link is https://www.vestarcapital.com/about-us/

I need same flip effect on my website www.flowersequitypartners.com     

on my website's about page 

How about this example? https://codepen.io/aron-tw/pen/pLJqgE

We can convert it to Squarespace Code Block. Or you can find another example on Codepen then share url, we can convert it for you

Please I don't understand.  can you explain better or drop the code for me