http://futureswithoutviolence.org/wp-content/themes/futures-withou…/js/blocks/staff-member-details.js?ver=1.0

1jQuery(document).ready(function($) {
2 $('#StaffList').on('click', '.round-image-tile', function(e) {
3    e.preventDefault();
4    $.ajax({
5      url: loadStaffMemberDetails.ajaxurl,
6      type: 'POST',
7      data: {
8          action: 'load_staff_member_details',
9          nonce: loadStaffMemberDetails.nonce,
10          staff: $(this).data('info'),
11      },
12      success: function(response) {
13          if (response.staff.length > 0) {
14              response.staff.forEach(function(staff) {
15                  $('body').append(`
16                    <div id="Modal" class="modal">
17                      <div id="ModalOverlay" class="modal__overlay"></div>
18                      <div class="modal__content">
19                        <div class="modal__close" id="ModalClose">X</div>
20                        <div class="modal__image">
21                            <img src="${staff.image}" alt="${staff.image_alt}">
22                        </div>
23                        <div class="modal__text">
24                          <h3 class="proxima-nova-bold uppercase font-extrabold text-4xl">${staff.name}</h3>
25                          <h3 class="mb-4">${staff.title}</h3>
26                          <h3 class="mb-4">${staff.pronouns}</h3>
27                          <p class="text-sm">${staff.bio}</p>
28                        </div>
29                      </div>
30                    </div>
31                  `).addClass('body-no-scroll');
32                  $('#ModalClose, #ModalOverlay').on('click', function() {
33                      $('#Modal').remove();
34                      $('body').removeClass('body-no-scroll');
35                  });
36              });
37          }
38      },
39      error: function(response) {
40          console.log(response);
41      }
42    });
43  });
44});