How to place this line > data-masonry='{"percentPosition": true }' in XSLT document withoout breaking it

Question

I would like to use the Bootstrap Masonry described here https://getbootstrap.com/docs/5.0/examples/masonry/ in SobiPro with Joomla 4 Cassopedia Tempalte.

I need a div like this - <div class="row" data-masonry='{"percentPosition": true }'>

However, the above used in an XSLT document creates an error.

How can I include data-masonry='{"percentPosition": true }' in XSLT to make Masonry work?

thanks

Answer 1

OK this seems to work data-masonry="{percentPosition=true}"

Can anyone see a problem with the above?