Two fonts were referenced in the style guide, but the design appears to only use one. So, I only used the one that has two weights appropriate for the design.
I decided that using a larger image and horizontal points with Fluid Typography looks better on mobile than the vertical points proposed by the mobile design spec. If this were a real project, I'd do both and present them to the client to decide.
I didn't use the image-header-mobile.jpg image provided. It had very little difference from image-header-desktop.jpg and the desired appearance was better achieved with width: 100%; height: 100%; object-fit: cover;.
I implemented the purple colorization of the grayscale photo provided with mix-blend-mode after several failed attempts at figuring out how to get the right color with combinations of CSS filters including sepia and hue-rotate.
I didn't end up with exactly the same coloring as shown in the design file, but I like the way mine turned out better.