or take only the white sings as png files and style the background-colors for them.
Guess normal logo color of them is: #99c612

You’re so counseling-resistant.
please individual height – no equal heights – no gap –
if you don’t make it now, then my support for you ends here with my 6000th post.
Hope you can let a mod login to your backend – I’m desperate here!

See with your images and text: https://webers-testseite.de/griditems/

here is the shortcode: Edit with link to your images:

[av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#78b2b6' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='outlines-flex' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-zqkdpc']
[av_one_fourth first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter size-full wp-image-37087" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-1-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">California Based Professionals</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37088 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-2-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Trusted by Multi-Billion Dollar Customers</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37089 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-3-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Customized and Secure Intake of Consumer Requests</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37091 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-4-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Responsive Customer Service</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37091 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-5-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Privacy Law Knowledge Base</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37092 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-6-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Licensed in California</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37093 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-7-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Trusted Privacy Partner</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37094 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-8-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Ongoing New Data Privacy Law Support</h4>
[/av_textblock]

[/av_one_fourth]
[/av_section]

maybe 90px padding on top/bottom is too much – just do it to your needs

hm – first get rid of that invisible hr – you can manage that in a different way.
Because all elements in a flex container will be handled and that is an additonal container.
This color-section should have only the columns in it.

then – i do not see even the first rule to set the entry-content-wrapper to display:flex – so i guess you have not regenerated the mergied files of css and js.
i see on developer tools none of my code above – these are the old merged files:
This merging of the files behaves similar to caching – so goto your Enfold Child – Performance – and mark delete old css an js files – and save all changes.
After that delete the browser cache too!

See what happens to the page if i (virtually) add the code to your page:
the two images are not set as the others to align: center – that makes a difference because these have other paddings !

i deleted one thing ( all of your content is set to white color – so the one rule is obsolete) and i added only one rule to have more padding left right:

#outlines-flex .entry-content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  overflow: hidden;
  align-items:  stretch; 
}

/*** otherwise these "containers" will influence the flexbox ***/
#outlines-flex .entry-content-wrapper::before, 
#outlines-flex .entry-content-wrapper::after {
  display: none;
}

#outlines-flex .entry-content-wrapper .flex_column {
  flex: 1 1 auto;
  outline: 1px solid #fff;
  padding: 90px 30px !important;
  margin: 0 ;
}

#outlines-flex .entry-content-wrapper .flex_column * {
  text-align: center !important;
}

@media only screen and (max-width: 989px) {
  #outlines-flex .entry-content-wrapper .flex_column {
      flex: 0 1 50%;
      outline: 1px solid #fff;
      padding: 90px 30px !important;
      margin: 0  !important
  }
}

@media only screen and (max-width: 549px) {
  #outlines-flex .entry-content-wrapper {
      justify-content: space-around;
  }
  #outlines-flex .entry-content-wrapper .flex_column {
      flex: 0 1 90%;
      outline: none !important;
      padding: 40px 30px !important;
      border: 1px solid #fff;
     margin-bottom: 20px !important
  }
}

think of your merged files !
PS: Avoid uncommon signs in css f.e. that dashed line in your quick css ? – – – – – – – – – – on top – remove this too – if you want to have comments in css just surround it by /***** xyz ****/

you first have to read carefully – i think all my tuts are good enough to reproduce.
first take the flexbox modell !
This is a mighty way to do this.
Then a lot of participants only put in the code and do not read about custom classes or ID’s

the setting was: all 8 1/4th columns in one colour section; this color-section got the ID : outlines-flex
the 1/4th columns are set to individual height and with no space between!

click to enlarge:

Thats it: then try the code.: Link

i use – if there are not so many portoflio /post a plugin called Intuitive custom post order.
Günter told me that f.e. : https://de.wordpress.org/plugins/simple-custom-post-order/ this is a good alternative.
You can drag and drop on the post / portfolio list the entries to the place your need.

I have compared the files in both folders – with DiffMerge – there are no differences. Now to think about it: I replaced your enfold with mine via ftp. No Alt and Title attributes on the Alternate logo ?

So this is strange!

PS @peterolle : my manual input fields work ! Just paste the code to your child-theme functions.php

function my_transparent_logo_attributes( array $avia_elements = array() )
{
  $slug = "header";
  $id = 'header_replacement_logo';
  
  $new_element_1 =  array(
      "slug"  => "header",
      "name"  => __( "Alt for the Transparency Logo", 'avia_framework' ),
      "desc"  => __("Put in your Alt Attribute for Transparency Logo", 'avia_framework'),
      "id"    => "header_replacement_logo_alt",
      "type"  => "text",
      "std"   => "" );

  $new_element_2 =  array(
      "slug"  => "header",
      "name"  => __( "Title for the Transparency Logo", 'avia_framework' ),
      "desc"  => __("Put in your Title Attribute for Transparency Logo", 'avia_framework'),
      "id"    => "header_replacement_logo_title",
      "type"  => "text",
      "std"   => "" );
  
  $found = false;
  $index = 0;
  

  foreach( $avia_elements as $key => $element ){ 
  	$index++; if( isset( $element['id'] ) &&  ( $element['id'] == $id ) && isset( $element['slug'] ) && ( $element['slug'] == $slug ) ) { $found = true; break;}
    } 
     if( ! $found ) { 
        $avia_elements[] =  $new_element_1 ; 
	$avia_elements[] =  $new_element_2 ;
     }
     else {
        $avia_elements = array_merge( array_slice( $avia_elements, 0, $index ), array( $new_element_1, $new_element_2 ), array_slice( $avia_elements, $index  ) );
     }
  return $avia_elements;
}
add_filter( 'avf_option_page_data_init', 'my_transparent_logo_attributes', 10, 1 );

with an update the code is then no longer necessary – because enfold 4.7.3 already has these ID’s on the av-layout-tab

flexbox modell – same example page – see the difference on responsive behavior: https://webers-testseite.de/griditems/
just have individual height here for 1/4th containers and no space between – the ID in this color-section is: outlines-flex

#outlines-flex .entry-content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  overflow: hidden;
}

/*** otherwise these "containers" will influence the flexbox ***/
#outlines-flex .entry-content-wrapper::before, 
#outlines-flex .entry-content-wrapper::after {
  display: none;
}

#outlines-flex .entry-content-wrapper .flex_column {
  flex: 1 1 auto;
  outline: 1px solid #fff;
  padding: 90px 0 !important;
  margin: 0 
}

/*** just forgotten to set the colors for the entries ***/
#outlines-flex .avia-animated-number * {
    color: #fff !important;
}

@media only screen and (max-width: 989px) {
  #outlines-flex .entry-content-wrapper .flex_column {
      flex: 0 1 50%;
      outline: 1px solid #fff;
      padding: 90px 0 !important;
      margin: 0  !important
  }
}

@media only screen and (max-width: 549px) {
  #outlines-flex .entry-content-wrapper {
      justify-content: space-around;
  }
  #outlines-flex .entry-content-wrapper .flex_column {
      flex: 0 1 90%;
      outline: none !important;
      padding: 90px 0 !important;
      border: 1px solid #fff;
     margin-bottom: 20px !important
  }
}

Play a bit with your responsive break-points maybe it is necessary to adjust for your settings.

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
 width:1000px;
}

or this: https://webers-testseite.de/buttons/

well i think it is because your av-layout-tab has only the data-tab-section-id – and maybe this i due to your Enfold Version 4.6.2
on 4.7.3 these av-layout-tab get the ID ( on your case nails)
You can do : update to newest version or put this to your child-theme functions.php:

function tab_section_add_id(){
?>
<script>
(function($){
    $(window).load(function() {
      $('.av-layout-tab').each(function(){
      var dataID = $(this).data('tab-section-id');
      $(this).attr("id", dataID);
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'tab_section_add_id');

it will do the job that 4.7.3 did allready.
i would advice you to update : see here some hints: https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107

i did it on a playgrond page of mine
everything – including code is there.

Setting is that no past day can be selected. To-Day had to be after From-Day
https://webers-testseite.de/3columns/

you can style the unselectable days with f.e.:

.ui-datepicker-unselectable.ui-state-disabled {
    opacity: 0.2;
}

What does the code above do:
the register-admin-options.php rules the outlook of our enfold options page.
every tab has its own slug ( avia, layout, styling … header … etc.)
now the slug is searched (in this case: header) and it looks for a given ID – (in this case: header_replacement_logo)
if this is found the whole avia_elements is splittet at that point – the new arrays are inserted – and then the rest will be addad afterwards ( Kind of CRISPR for jQuery)
if the ID could not be found – the new array will be inserted as last elements in the slug
The new elements are only input fields for alt and title attribute.
And because the id’s are used ( see code here ) they were inserted in the frontend
_______

For Main Logo
aha it is function-set-avia-frontend.php – and the alt is set to the bloginfo name there is a filter for it but on title it is missing there
Edit : No the filter allready exist – but was on a different place!

we can influence the logo by this:

function avf_change_logo_alt($alt) {
   $alt = "New Alternate Text Here";
   return $alt;     
}
add_filter('avf_logo_alt', 'avf_change_logo_alt');

function avf_change_logo_title($title) {
   $title = "The new Title is here";
   return $title;     
}
add_filter('avf_logo_title', 'avf_change_logo_title');

If I should make a decision, I would either go for this manual input solution via register-admin-options.php – or for a filter solution for both logos.
So the attachment alt and title attributes can be used in content – but in this position as logo – we can input a unique text