Challenging Header Design

Hi All, I've been tasked with building this header to support a video feature where the image currently sits. I'm unsure on how to go about building this in HTML & CSS. My initial thought was to build each element individually and layer them on top of each other using absolute positioning and zindex. I'm wondering if there is an easier way to do this with responsive design in mind.