Fylo Data Component with CSS Animations, Media Queries, Flexbox

With this project, I tried experimenting with several different screen sizes to make sure the components would not overlap or overflow off the screen. I welcome any feedback on how to improve the responsiveness, or if there is a simpler way to position the elements (a lot of elements are absolute positioned).

The menu buttons are focusable and keyboard accessible as well. I'm open to any suggestions on how to improve accessibility.