flippage | An flipboard-like HTML5 page-swiping template | Mobile library

I'm using double-buffered graphics in my JLayer subclass to implement a simple swipe animation in a Java Swing application. It works fine on the older displays, but when I run it on a Retina display, the screen loses the doubled-resolution when the animation starts, and gets it back when it ends. I'm not sure how to maintain the higher resolution during the animation.

My animate method originally looked like this:

I'm using react-flip-page npm package to animate a book in my web application. However, the component comes with some available props to set size, color, etc of the page, but the issue with this is that I do not know how to change/modify width when setting my media queries.