Forums

Looks OK to me. What’s your question?

Here’s the beginning of an idea:

Demo

Glad to help. Maybe you could explain what the issue is? Getting background images correct for all screen size ratios is usually troublesome. Using cover is as easy and close as it gets. But from what I suspect might be the trouble, background-position could possibly help – to center the fullscreen images:

.et_pb_row.et_pb_row_0.et_pb_equal_columns.et_pb_gutters1.et_pb_row_fullwidth {
  background-position: 50% 50%;
}

That’s a horrible selector by the way (corresponding with .parent() in the script) but I thought I’d be as specific as possible with it.

Code apparently gets messed up when I insert it.

Pasted into a pen

This is the only CSS you’d need to add:

#layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(204,28,107,0.91);
  opacity: 0;
}