Blue and pink colour scheme. CSS columns using column-gap to separate columns.
This uses Big Shoulders Display for the headings and Libre Baskerville for the body copy.
Other nice serifs are Cormorant and Cormorant Garamond. Hard to tell apart but a nice fine serif. There is also a small caps version.
Background Images
I don't think you can change the opacity of background images. Instead just create a div with position absolute (for scrolling background) or fixed, inset: 0; You can change the opacity and mix-blend-mode of this div and apply any CSS filters to it too.
Latin
Quas ut, est distinctio voluptatibus aliquid voluptas dignissimos odit ab, doloribus voluptates ea consequuntur qui iusto, cumque harum repellat commodi?
Laboriosam repudiandae doloribus id, tempore similique fugiat rem ratione architecto at perspiciatis. Laudantium a incidunt inventore praesentium laboriosam culpa at.
Illum corporis dignissimos corrupti doloribus deleniti voluptas, recusandae libero voluptates numquam incidunt accusantium. Distinctio odio esse eos, libero tempore perspiciatis.
Exercitationem deleniti dignissimos vero, ab, labore et distinctio fugiat consequuntur deserunt ullam odit nostrum maiores unde dolor eveniet. Ea, sint?
Necessitatibus placeat harum tenetur reiciendis facilis sunt minus repellendus magnam maiores culpa illo illum quo sit, nulla delectus aliquam laboriosam!
Pariatur harum illum, similique deleniti vitae nemo necessitatibus numquam repellat. Quia at praesentium quaerat officia libero voluptatem. Ipsum, voluptatum similique?