I am trying to transition to Joomla 4. I have been using <?php JHTML::_('behavior.modal'); ?> in my index.php template. Now I want to use <?php JHTML::_('bootstrap.renderModal', 'modal-' . $name, $params); ?>. In the html of the articles, we used:

<a id="modal_info" class="modal" href="images/stories/hotel_suite1.jpg"><img style="width: 30%;" src="images/stories/hotel_suite1.jpg" alt="Null" /></a>

with various values for width and src. What do I change in my html? And I assume I need to add placeholders for $name and $params in my index.php. How do those get filled in realtime?