The Hype HTML as inserted to your page is:
<div id="2018q1_hype_container" style="margin:auto;position:relative;width:320px;height:713px;overflow:hidden;">
I suspect the sizing is coming from this original width. Due to HTML limitations, Hype can only figure out if its container size has changed when the browser window changes size. There is an API that you can call that will manually tell Hype it needs to update:
It looks like the colorbox has a hook for
onComplete that you could use (similar to the onClose I see in your document) where you should be able to call this.