child modal -->

                </div>
            </div>
        </div>
    </div>
    {% endfor %}
</div>

<script>
function stopMedia(objectid, type) {
    // stop media based on type
    if (type == "audio") {
        const mediaElement = document.querySelector(`#${ objectid } audio`);
        mediaElement.pause();
        //mediaElement.currentTime = 0;
    }
    if (type == "video") {
        const mediaElement = document.querySelector(`#${ objectid } video`);
        mediaElement.pause();
        //