Adding a "Selected State" to a graphic/button makes it shift position on the screen in HTML5
A client is building slides in Storyline 2 that require the user to build various food items. To help the user know they have already selected a particular item, each correct item has a "Selected State" that uses a the Picture Effects "glow" and "soft edges." I've also tried using only a simple picture border. In each case, any of the food icons that have a "Selected State" shift on the page, once published, but only in the HTML5 version, meaning, in the Flash version they are in the correct places on the screen but in the HTML5 version, they shift slightly all in the same directions (in this case, up and left.) Example attached to see the icon placement issue.
Any idea what I can do to prevent this? Is there a setting somewhere I can adjust? We need to publish to HTML5 so that they can be viewed easily on an iPad without needing the AMP app.