Accordion Card Using Sass and Javascript

This was a good practice working with img layering, positioning and z index priority. Initially I struggled with having the main person image not being allowed to overflow out side its div container while allowing the box to appear like it was coming out of the container.

To solve this I placed the box img out side of the section that overflow: hidden was applied to and used absolute positioning to move the box where it needed to be and it worked nicely.

One thing I wish I could make better is the positioning of the background pattern. Is there a better way to position to make it where it is more responsive. It looks great to me at 1440 X 900 and below but when going larger the positioning gets lost and to make it work like I am currently doing to I will have to add a ton more @ medias to reposition the top and left absolute values.