no he hasn’t tried it – but if he – it will be changed to h2!
i can test it on developer Console.

yes – but now you have two opacities working on hovering. To see the effect better it would be nicer i think if you get rid of the other hover effect.

best would be to have a custom-class on the grid-row to be specific on that f.e. : with-colored-overlay

to have the possibility to change the hover color for each cell you can do that:

.with-colored-overlay .avia-image-overlay-wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease
}

.with-colored-overlay .avia-image-overlay-wrap:hover:after {
  opacity: 0.6;
  transition: opacity 0.5s ease
}

.with-colored-overlay .flex_cell:nth-of-type(1) .avia-image-overlay-wrap:after {
  background: red;
}
.with-colored-overlay .flex_cell:nth-of-type(2) .avia-image-overlay-wrap:after {
  background: blue;
}
.with-colored-overlay .flex_cell:nth-of-type(3) .avia-image-overlay-wrap:after {
  background: green;
}
.with-colored-overlay .flex_cell:nth-of-type(4) .avia-image-overlay-wrap:after {
  background: gold;
}
.with-colored-overlay .flex_cell:nth-of-type(5) .avia-image-overlay-wrap:after {
  background: yellow;
}

without the transitions the effect is ok too – just get rid of both lines

see example page: https://webers-testseite.de/grid-row-background-image/

you can either use:

.avia_transform a:hover .image-overlay {
    opacity: 0 !important;
}

or

.avia_transform a .image-overlay {
	display: none !important
}

I think it is only because the shortcode functionality for widgets is not yet unlocked.
Can you try this in your child-theme functions.php :

add_filter( 'widget_text', 'do_shortcode' );

I could live with it ; – that is the only line to add:
.container_wrap { border-top: none !important; }

the 1/1 container is not a full-width container – and the border on the 1/1 container ALB is a Frameborder
– so to have on top a border full-width it is easier to set it up this way by default and get rid of it via that one-liner.
Is it realy too much to set this one line of css in your code?

by the way : is it a wanted great padding on top and bottom of the logo?
The bigger it is – the sharpe it will be rendered

Yes Ismael – but the thing is that i do not know how to use the filter on that case.
First – it is unclear what context to use – second how to ? The code above does not work!
So have a look please – or ask Günter how to get it the right way here.
Thanks

On the right side it is an Image Alb with custom Link :
https://www.loom.com/embed/663801139e9a42d2a6b2447435b50b3d?autoplay=1&iframe=true

Why do you use an image for that?
use svg for that (by the way what font was that )

you can allow the mime-type svg via child-theme functions.php :

function custom_mtypes( $m ){
    $m['svg'] = 'image/svg+xml';
    $m['svgz'] = 'image/svg+xml';
    return $m;
}
add_filter( 'upload_mimes', 'custom_mtypes' );

or my recommendation is to use that very nice little plugin svg-support

then you even can use svg inline – not as img src
there are some css you had to place then – because not all svgs have height – width definitions inside.
so f.e a width in absolut value had to be set for some browsers.

just a forgotten array for toggle_container and developer_options_toggle

i have no developer tab too on my avia_sc_submenu ALB

by the way – you can place the bottom bar inside the Image – because if you got a lot of text it will sometimes be out of the viewport.
so look to the example-page above again! This is css for that:

.page-id-32904 .mfp-bottom-bar {
    top: initial;
    bottom: 40px;
    width: calc(100% - 20px);
    margin: 10px;
    background: rgba(0, 0, 0, 0.4);
}

well what i did now:
give a custom-class to that masonry alb element: lightbox-with-description ( you can adjust this to a more easier class )
Fill out the description fields –
I decided to create an own markup for mfp – it is easier to address then with class : mfp-description in the bottom-bar
Adjust the page id to yours or get rid of that if clause ( think of to delete one of the last curly brackets then on the end )
Choose on Masonry ALB to show both Title and Description !!! ( i set the description to display: none then to have it only on lightbox )
https://webers-testseite.de/masonry/

function popup_masonry_with_description() { 
if(is_page(32904)){
?>
<script type="text/javascript">
(function($){
$(window).load(function(){  
    $('.av-masonry.lightbox-with-description a.av-masonry-entry.lightbox-added').magnificPopup({
    type: 'image',
    image: {
      markup: '<div class="mfp-figure">'+
        '<div class="mfp-close"></div>'+
        '<div class="mfp-img"></div>'+
        '<div class="mfp-bottom-bar">'+
          '<div class="mfp-title"></div>'+
          '<div class="mfp-description"></div>'+
          '<div class="mfp-counter"></div>'+
        '</div>'+
      '</div>',
    },
    mainClass: 'avia-popup mfp-zoom-in mfp-image-loaded',
    closeOnContentClick: false,
    midClick: true,
    gallery: { enabled: true },
    callbacks: {
        change: function() {
            $(this.content).find('.mfp-description').html('<p>'+$(this.currItem.el).find('.av-masonry-entry-content').html()+'</p>');
        },
    },
  }); 
});
})(jQuery);
</script>
<?php 
}
}
add_action('wp_footer', 'popup_masonry_with_description');

some css for quick css:

.page-id-32904  .lightbox-with-description .av-masonry-entry-content.entry-content {
    display: none;
}
.page-id-32904 .mfp-description {
  color: #fff;
  width: 85%
}
.page-id-32904 div .mfp-title {
  font-size: 24px;
}
.page-id-32904 .mfp-description p {
    line-height: 24px;
    margin: 0 !important;
}

im looking for a solution with filter of enfold: avf_customize_heading_settings
maybe a mod can give us advice to use it on that element
___________________________

but this will work fast too with maybe with more specifity if the selectors in that line: replaceElementTag( …) are more “picky”:

function replace_tags_with_tags(){
?>
<script>
  (function($) {       
      function replaceElementTag(targetSelector, newTagString) {
        $(targetSelector).each(function(){
          var newElem = $(newTagString, {html: $(this).html()});
          $.each(this.attributes, function() {
            newElem.attr(this.name, this.value);
          });
          $(this).replaceWith(newElem);
        });
      }
      replaceElementTag('h3.entry-title', '<h2></h2>'); 
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_tags_with_tags');

by the way – there are css settings for h2 ( f.e. uppercase etc. ) you have to adjust those settings after change
you can have on that snippet more than one replacement . just add new lines as:
replaceElementTag('h3.entry-title', '<h2></h2>'); under each other – semicolon separated