try your css solution only and put this to child-theme functions.php:

function shift_read_more_link_to_footer(){
?>
<script>
(function($){
	$('.avia-content-slider .read-more-link').each(function() {
		$(this).closest('.slide-entry').find('.entry-footer').prepend($(this));
	}); 
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'shift_read_more_link_to_footer');

I’ll leave the page online, maybe you can make friends with the solution after all ;)

https://webers-testseite.de/snowfall-video-3/

i do not know if there is a possibility to make it by lines ; that would be a great solution – because trim by word might be end in different column heights.
Try this in your child-theme functions.php:

function custom_excerpt_setting(){
?>
<script>
(function($){
// trim excerpt by words
    function trimByWord(sentence,wordcount = 50) {
        var result = sentence;
        var resultArray = result.split(" ");
        if(resultArray.length > wordcount){
        resultArray = resultArray.slice(0, wordcount);
        result = resultArray.join(" ") + "...";
        }
        return result;
    }
    $(document).ready(function(){
        $('.avia-content-slider .read-more-link').each(function() {
            $(this).closest('.slide-entry').find('.entry-footer').prepend($(this));
        }); 
        
        $('.avia-content-slider .slide-entry-excerpt').each(function() {
             $(this).text(function(index, currentText) {
                return trimByWord(currentText);
             });
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_excerpt_setting');

this is not the url? then tell me the right one:

Here’s the page I am working on….
http://www.thomashenthorne.com/1292-sanderling-island-point-richmond/

or @beyond-flora : did you hook into that post of goldengate? I do not see private content fields (as Participant)

But maybe there is a way to have that with advanced layerslider too! …

so we can misuse the overlay option of enfold on that – to have all DOM elements we need. Because if you use it – enfold will generate an av-section-color-overlay container.
The settings there are not for us important – just the fact that a container is created in the right position.

See: https://webers-testseite.de/snowfall-video/

for even more usability it might be nice to have an observer if the section is in viewport or not – my script now only is working with scroll top value and a given range to top ( here in my example 400px)

if that is o.k. for you just scroll to the end of the page to see code-snippet.

Trick is to use a huge inset shadow with rgba values – and the scroll amount will influnce the a-value of that color.

first – there is an enfold option to use some predefined forms on image element : Advanced Tab – Mask Overlay:

if you look what enfold does in your DOM :

so there is a mask-image definition and a svg file is used on that.
you see the path of those predefined svg files – so it might be possible to have custom mask-images too. Maybe there is a way via filter (f.e. avf_mask_overlay_images) to define custom images – similar to custom dividers.
I check that – or maybe a mod/dev can tell us how to have custom mask-images.

btw – you had to decide what you do in responsive case- because you haven’t any navigation now.

After inserting the enfold shortcode and saving it, some settings must be made manually: Activating the sidebar and options (which sidebar should be displayed; etc.)

if you do not use google maps – do not enter the google maps api key in enfold options.
i guess that will be enough.

if not you can try this in your child-theme functions.php:

function ava_disable_gmap() {
  add_filter('avf_load_google_map_api', function($load_google_map_api) {
    $load_google_map_api = false;
    return $load_google_map_api;
  },10,1);
  add_filter('avia_google_maps_widget_load_api', function($load_google_map_api) {
    $load_google_map_api = false;
    return $load_google_map_api;
  },10,1);
}
add_action('after_setup_theme', 'ava_disable_gmap');

Unfortunately my change still suffers from the fact that the change does not work on resize – maybe one of the mods has an idea how to update the trigger_distance on resize.

Edit: – i added to that debouncedresize function on the bottom ( lines 165ff) – that var again:

win.on( 'debouncedresize',  function()
{
	el_height = $( elements ).attr( 'style',"" ).first().height();
	set_height();
	trigger_distance = $('.trigger').length ? $('.trigger').offset().top - $('.trigger').height() + el_height - 50  : 0 ;
});

here is my whole avia-snippet-sticky-header.js : https://pastebin.com/9nCV8GiV

https://kriesi.at/support/topic/font-weight-for-strong-tag/

put this into your child-theme functions.php

it will remove the status from all standard post types – but leave it for important post states ( password protected, privacy etc. )

function remove_post_state( $post_states, $post ) {
  if("! has_blocks( $post->ID )") {unset($post_states['wp_editor']);}
  if("!= Avia_Builder()->get_alb_builder_status($post->ID)") {unset($post_states['avia_alb']);}
return $post_states;
}
add_filter('display_post_states','remove_post_state',999,2);

how did you embed Google Tag Manager?

there is a phrase

<!– End Google Tag Manager –>
Add this to the <body> section:
<!– Google Tag Manager (noscript) –>

have a look if you have made some transfer errors on : https://kriesi.at/support/topic/adding-google-tag-manager-script-to-the-site/#post-1447012

if you used that – the noscript version should also be in the head section and not inside body tag.

So have a look inside your functions.php ( child-theme ?)

Well – if you open your linked css:
https://use.typekit.net/rww4dia.css

you see what it does: there is the @import url rule – and : font-family:”espiritu”

if you look deeper to that css – you see that you can download those files via those urls ( even as otf)

@font-face {
font-family:"espiritu";
src:
url("https://use.typekit.net/af/cb2cbd/00000000000000007736dd40/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
url("https://use.typekit.net/af/cb2cbd/00000000000000007736dd40/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
url("https://use.typekit.net/af/cb2cbd/00000000000000007736dd40/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;
font-style:normal;
font-weight:400;
font-stretch:normal;
}

you only have to give the downloaded files a meaningfull name and the correct file extension ;)

so maybe you host those fonts on your own server.