JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dialog" title="Basic modal dialog">
    <p><strong>Some Text</strong>

    </p>
    <p> <strong>Phone</strong>: *********
        <br /> <strong>Email</strong>: <a href="mailto:[email protected]">SomeEmail</a>

    </p>
</div>
<div class="profiles"> <a class="open" href="#">
        <img src="/../.jpg" class="img-full"></a>

</div>
<div class="profiles"> <a class="open" href="#">
        <img src="/../.jpg" class="img-full"></a>

</div>

JavaScript

$(".dialog").dialog({
    autoOpen: false,
    draggable: false,
    position: "center",
    width: "300px",
    modal: true,
    title: "",
    buttons: {
        "Close": function () {
            $(this).dialog("close");
        }
    }
});

$(".open").click(function () {
    $(".dialog").dialog("open");
});