I'm working on a project not for public viewing that currently has 23 pages. The desktop version works fine in all browsers, but it needs to be viewed in multiple devices, especially phones. The InDesign dimensions are set up at the iPhone 6 setting of 1080 x 1920 px. Except for the cover and the TOC Links page, each page has a background (from a master page), a photo in flip card format with text information on back of the photo, and a bottom bar with button links to specific social media and contact sites for each person in the photos. When testing on an iPhone, after running through it a few times it becomes unstable and crashes. This project will eventually have 102 pages all set up the same way with flip card photos. The image folder size is under 10 mb after optimizing, so when the rest of the pages are in it could be at 50mb. Is that to large to work on a device? Should I reduce the dimensions of the InDesign file? What else can be done to reduce file size before the rest of the pages are added in? What could be done to prevent crashing?
Also, is there a way to put a button on a flip card to to the flipping so that some other user actions on either side of the flip card might be possible?