Then, when needed, dynamically add .mid-screen class to the .envelope element.
Then, dynamically modify .flip element with zoom: 66%.
(note: tho looks like .flip width should permanently be set to 100% not 90%, so mouse hover triggers flip even when on far left/right side of screen - oh that needs to be a deposit instruction check list item I didn't mention)
Easiest way without ruing any current HTML is to add a generic CSS class near bottom (for higher priority)
Then, when needed, dynamically add
.mid-screen
class to the.envelope
element.Then, dynamically modify
.flip
element withzoom: 66%
.(note: tho looks like
.flip
width should permanently be set to 100% not 90%, so mouse hover triggers flip even when on far left/right side of screen - oh that needs to be a deposit instruction check list item I didn't mention)