Displaying story.html within a responsive Lightbox for Wordpress

Hello World,

I have embedded my story.html (hosted on AWS S3) file on my website within an iFrame...but I want it to be better :P This website is to be used by children, and I want it to be as simple to use as possible.

What I think I want (because I am learning all of this on the fly...)...

1. A Wordpress plugin that...

A) Allows story.html file to display in Lightbox (fancybox)

B) Works well on mobile devices

C) Is "responsive" aka fills the entire screen

D) Only button it needs is an "X" to close the viewer

 

Code makes my head swim...my dream is to watch a YouTube video and copy the steps :S

-------other info that's not so pertinent, but wish someone had walked me through on day 1-------

*I'm using Wordpress.org for the website

*Web address is hosted on AWS Route53

*story.html files are hosted on AWS S3

*Sensei LMS + Sensei Drip WP plugins ($29/year for drip content feature) (For our needs this is a super cheap LMS solution NOTE we don't need to collect much student progress data)

*GamiPress WP plugin to award points for lesson completion and some other perks (did NOT like WPachievment - it did not work smoothly)

*WPmembership WP plugin to manage memberships