Hi
Option 1
Please find full configuration details about FlyoutZoom at :- https://marketing.adobe.com/resources/help/en_US/s7/viewers_ref/c_html5_flyout_viewer_20_about.html
In this provided link, there is a section "Responsive design embedding with unrestricted height", you can tweak this to cater you requirement.In this we are using "FlyoutZoomView.imagereload" for responsive behavior.
Example :- https://marketing.adobe.com/resources/help/en_US/s7/vlist/vlist.html
Or
Option 2
Use media CSS rules to cater you problem. After certain width set "FlyoutZoomView.zoomfactor" accordingly (may be nil for your purpose).
Or
Option 3
Use Jquery, Trigger the event on re-size and set flyout property according to your width of the screen. If you don't want to change the property then you may hide the flyout div too.
I hope this would help you.
Thanks and Regards
Kautuk Sahni
Kautuk Sahni