Newsletter Signup - Responsive, SCSS, jQuery

I struggled with making the image responsive whilst maintaining its impact. When both the text and image shrank at the same rate and the page width reached a medium sized screen, the image was then too small and impacted the UX. I felt that 767px was still too large to completely remove the image because of the white space left behind.

I solved this issue by shrinking the text area 3x faster than the image to try and maintain as much of the image as possible before having to hide it and show the smaller image at 375px.

Comment if you like this solution or if you have a better way of handling this design.