but btw. what do you expect from a 2/5 – 3/5 column layout?
why not using a 1/2 – 1/2 layout?

on inserting an image to your color-section background ( or other alb elments ) – you had to pay attention what image-size you put in.
There is in that dialog a drop-down menu on the right to click and to choose what you like to insert.

you have inserted a small one : 300px x 150px.
The same with the image beneath:
( click to enlarge the image: )

300px x 195px
____________________________________________________________
? i’m kidding: maybe books from Leonardo

or put this to your child-theme functions.php:

function my_text_strings( $translated_text, $text, $domain ){
switch ( $translated_text ){
    case 'Read more'    :  $translated_text = __( 'Tell me more', $domain ); break;
  }
  return $translated_text;
}
add_filter('gettext', 'my_text_strings', 20, 3);

this looks as if the padding-top is swiched when header-scrolled class is in the DOM.
May i see the example page – maybe you have set some css that is inconsistant.
PS: on top the white flash comes from the header_bg background-color.
___________________________________________________
PS if you like to look to the fix i provided above –
go and look to :
https://consulting.webers-testseite.de/leistungen2/
https://consulting.webers-testseite.de/leistungen2a/
with your iphone

put it in General Styling – Quick CSS
maybe an important is necessary :

#top .image-overlay .image-overlay-inside::before {
  content: "\e80f" !important;
  font-size: 50px;
  color: #fff !important;
}

#top div .avia-gallery .avia-gallery-big {
  padding: 0px !important;
  border-style: none !important;
}

#top div .avia-gallery img {
  border-style: none !important;
  padding: 0px !important; 
}

the : content: "\e80f" is a little camera – if you like to show a real image – code has to be adjusted.
if you like to have it specific only for one gallery – give a custom-class to that gallery – and this has to be part of the css code.

PS: i do not see your private content area – i’m participant as you- so i only could investigate own or the enfold demo pages to give advice.

i’m on Monterey 12.4 and Firefox Developer 102.0b9 (64-Bit)

if i put in the Discount Code – there are additonal errors.
First one is a Logical Not ( the exclamation mark : ! ) i think syntax needs a space between : (correct me if i’m wrong)

function onLoad() {
    // make sure we have valid data from WP
    if (!__recaptureCart) {
      return;
    } …

maybe i’m not well informed about that

  if (! __recaptureCart) {

_______

next – if i want to embed inside a script some php code – look here from your page:

<script>
    __recaptureCart = {
        checkoutUrl: 'https://www.lovefactorinventory.com/membership-account/membership-checkout/?level=9',
        products: [
            <? echo json_encode([    // <em>i think that is not correct syntax here - maybe a DEV from the team could look into it !</em>
                'externalId' => $pmpro_level->id,
                'sku' => $pmpro_level->id,
                'name' => $pmpro_level->name,
                'price' => floatval($pmpro_level->initial_payment),
                'imageUrl' => '',
                'quantity' => 1
            ]) ?>
        ],
        tax: 0,
        shipping: 0,
        discountCodes: []            };
</script>

and i believe this might be the right one:

<script>
    __recaptureCart = {
        checkoutUrl: 'https://www.lovefactorinventory.com/membership-account/membership-checkout/?level=9',
        products: [
            <?php echo json_encode([
                'externalId' => $pmpro_level->id,
                'sku' => $pmpro_level->id,
                'name' => $pmpro_level->name,
                'price' => floatval($pmpro_level->initial_payment),
                'imageUrl' => '',
                'quantity' => 1
            ]) ?>
        ],
        tax: 0,
        shipping: 0,
        discountCodes: []            };
</script>

where does these scripts come from? – Is it a plugin? Is it part of stripe? then ask the plugin devs if my suggestions are correct!

well – i do not see any script errors – but if the script code is correct – maybe the priority is wrong (999) so to test this. Remove the snippet from functions.php and place again a text-widget or maybe better a html widget to your footer again.
But if it is a text-widget insert the script code (oneliner from above) in text-mode – if you switch back then to visual mode you will see a littel icon in it:

in the meantime there is a filter to do this. ( the former method via a child theme magazine.php is no longer necessary )
can you place this in your child-theme functions.php:

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
  if( $context == 'avia_magazine' ){
    $args['heading'] = 'h4';            
  }
  return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

by the way the alb element itself got the option to set the heading tag – under Advanced Tab : Heading Tag.

on former installations i got this when the domain and the mail address is not correlating.
Means your e-mail on http://www.domain.com contact form goes to (Email address hidden if logged out) .
It depends mostly on your hoster – you can edit the dns of your domain to include other domains that are allowed to send emails from.
That is the socalled SPF Record.
To shorten this read : https://www.digitalocean.com/community/tutorials/how-to-use-an-spf-record-to-prevent-spoofing-improve-e-mail-reliability

Adding an SPF record to your DNS zone file is the best way to stop spammers from spoofing your domain. In addition, an SPF Record will reduce the number of legitimate e-mail messages that are flagged as spam or bounced back by your recipients’ mail servers. The SPF record is not 100% effective, unfortunately, because not all mail providers check for it. Many do, however, so you should notice a significant decrease in the amount of bounce-backs you receive.

your recipients email client get an email allegedly from a – but it send from b – and return answers will be send to b – thats why this goes to spam.

f.e.: on your contact form 7 form you have the entries like that:

what now can be done is to login to the hoster (webers-testseite.de) and edit the dns by allowing (guenterweber.com) to send emails via spf record.

This could also be the case with your installation

so the container itself is only to determine the background via the alb element. The background-size was then reduced to zero. The color-section itself got with the clip-path a kind of keyhole function. That is important – because the later fixed pseudo-container should not be seen on other places – only through that keyhole.
The pseudo-container has the same dimension as the parent container and inherits the background-image of the parent. But now we can fix the whole background container. And this is something that is supported by Safari and iOS Devices.

PS : if you got a lot of those containers on one page – it might be better to remove the will-change option on performance reasons.

but on your example page i can see that the full image is taken for the source:
( click to enlarge – red underlined )