Pop-up text box appearing blank

Hi all, 

I'm trying to create a bio page in Squarespace 7.1, where clicking on the image opens a pop-up (similar to a lightbox) containing text. 

Currently my lightbox pop-up is appearing blank white! (screenshot attached). Even though I've added text, I can't see it at all so I'm thinking it's an issue with my code?

I have added the following to my Advanced Code Injection area in my bio page settings: 

<link href="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.css" type="text/css" rel="stylesheet" />   <script src="//code.jquery.com/jquery-latest.js"></script> <script src="//cdn.rawgit.com/noelboss/featherlight/1.4.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script></link>

In my bio page content, I have the following in a code block:

<div style="display:none;">
<div id="bio-debbie">
<p>
  <b>TEST HEADING</b> insert text here
</p>
 </div>
 </div>
<a href="#" data-featherlight="#bio-debbie"><img src="https://arbordayblog.org/wp-content/uploads/2018/06/oak-tree-sunset-iStock-477164218.jpg"></a>

Is anyone able to help? 

Thanks!

Can you share link to page where you use popup? We can check easier.

Also, you can use this plugin to create popup. Work great.

It can do more:

• Text link to Lightbox
• Button to Lightbox
• Image to Lightbox
• Image to Video Lightbox
• Navigation Link to Lightbox
• Summary Items to Lightbox
• Gallery Image to Lightbox
• Custom Promonal Popup
• Upsell Popup
• and more

Hi Tuan, 

Thanks for getting back to me. Here's the link – https://coral-shark-zhkp.squarespace.com/popup-test. Clicking on the picture of the tree triggers the pop-up but as you can see there is no text visible. 

Hi. Global Animation feature conflict your code.

Add to Home > Design > Custom CSS

.featherlight-content * {
    opacity: 1 !important;
}

Thank you so much!!