can you please send me the link to that page.
Or if you can not make it public – copy the shortcodes enfold generates ( you find them on activating the debug mode) Use the code block vor posting here.

first – you can make them smaller – on my page i have this as quick css entry:

.search-result-image img {
    width: 200px;   /****  here you can adjust the image sizes shown  ***/
    border: 1px solid #aaa
}
a.slide-image.search_image {
  overflow: visible !important;
}
a.search_image .image-overlay.overlay-type-extern {
  left: 0 !important
}

next tip: this line of the replaced code:
$searchthumb = get_the_post_thumbnail( $the_id, 'large' );
it will take the large images from enfold recalculation as source for those thumbnails.
if you have:
$searchthumb = get_the_post_thumbnail( $the_id, 'portfolio_small' ); it will have that source image for it.

_____________

see here: https://kriesi.at/support/topic/show-featured-images-in-search-results-page/#post-805253

now the line is on Enfold 4.8.2 line 33

echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";

replace that whole line 33 with:

$searchthumb = get_the_post_thumbnail( $the_id, 'large' );
echo "<span class='search-result-counter {$counterclass}'>{$searchthumb}</span>";

and this to quick css:

.search-result-counter {
    padding: 0;
}

.search-result-counter img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
}

ok

You only got one heading row ? Then there must be other things that hamper that responsvie behavior.
I guess a mod should then look at your page in the backend to find the fault.

read carefully – my posts – if it works on my Enfold it should work on yours too:
https://webers-testseite.de/?s=Wordpress

if you are interested in that solution – just download the logo ( svg ) and we will find a satisfying solution.
PS ( See mobile Solution aswell )
If you will do that – it might be better either to have on the big logo a background behind the letters ( maybe semitransparent) – or to have a littel outline on the letters. Sometimes you got a light background – then the dark outline will be good to have – or you got a dark background- then the white letters have enought contrast.

And your posts and pages all got featured images ?

see here: https://kriesi.at/support/topic/show-featured-images-in-search-results-page/#post-805253

and alternative – a little image inside the circle.

can i see your page – and the logo?

there is one possibility i see with enfold – but in your case you had to do that for each language.
On content elements you got that alb element : page-content.
If you place this element inside your pages – it will be synchronized whenever you edit that inserted page.

i used this alb in former enfold versions to have a page as footer! But i do not know if this is what you are looking for.

sorry Ismael – a grid-row with .container ? ;)
The Grid-Row itself got that class: .container_wrap
or do you see more info about the page – is it a grid-row he is talking about?

i do not see his page – but even with that class adjustment he will have trouble if .main_color is set to something different than white.
my solution for that is to wrap the grid-row in a container that has the attributes of a color-section.
Just give the custom-class: grid-notfull to the grid-row element.
The additional class – added by the script color1 is for custom color if you would like to deviate from the default setting.

See example page – https://webers-testseite.de/grid-row-alb/

• on top normal grid-row
• in the middle : grid-row with that custom-class : grid-notfull
• on the bottom : grid-row with only css setting ( set the .container_wrap to max-width )

here is the little snippet for child-theme functions.php:

function grid_layout_notfull(){
?>
<script>
(function($){
    $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize color1"></div>');
    $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
    $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 25px"});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'grid_layout_notfull');

adjust the grid-notfull class to your settings ( your container generall setting on Enfold Options)
The padding has to be adjust too

do you have some quick css entries ? – find some errors there ( for example a missing closing bracket ) or some missing semicolon.
( Missing closing curly brackets are very common in media-query rules. )
These settings you describe ( general layout -> Dimensions. ) comes after the quick css entries – so if there is an error on your quick css the following rules do not have any effect.
You can also post your quick css here – but please use the code tag in the bar above.

i can only strongly advise not to self-host videos of this size. Your server will go down if even one or two visitors to your site watch the video.

This is one of the reasons for the existence of Vimeo, Youtube, etc.

if you have your icon boxes in a column (e.g. one icon box in each 1/3 column), imitate the complete icon box by moving the icon box over the edge of the column.
See here ( on the bottom animated) how you can achive this. :

https://webers-testseite.de/equal-height/

you only have to colorize the background of the columns and make the whole iconbox transparent ( except the icons itself )