this is my ALB setup for the example page:

on your headline rotator – there is on top a tab “Animation” :

there you can choose Rotation Animation: and then typewriter.
On default there was a not so nice transition – i changed it in alb element – but it seems to work with css as well.

.av-marked-text .av-rotator-text-single {
background-color: transparent !important;
}

to get the carret bigger:

.av-caret .av-rotator-text-single:after {
 border-right-width:8px;
padding-left: 15px
}

i can see it too!

by the way – if you open your svg file with a good text-editor (notepad++ on pc – or sublime-text on mac)
and you add something to your “head” section of the svg : preserveAspectRatio="xMinYMin meet"

so there will be:

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 220 61" style="enable-background:new 0 0 220 61;" preserveAspectRatio="xMinYMin meet" xml:space="preserve">

and get rid of the generator comment – does not need that info on web ;)

then your svg shrinks to top left position – now it will go to the right side on shrinking.

that littel mini navigation on the buttons – will be hard to insert but the rest will be fine with ALB Elements .
i would do it with a color-section with background-image and min-hight of 100%
in it 1/4th 3/4th column – and in the 3/4 everything left aligned.
1) a headline rotator
2) a heading
3) button row

PS : dear Mods the transition from typewriter animation is bad styled – because the background goes from transparent to font color when rotation starts – why that? leave it transparent ! As in the example of park13
see below typewriter animation!

Result with fading see here: https://webers-testseite.de/park13/

have you a link to your site ?

hover effect ist jetzt ein wenig too much – oder .
ist halt doppelt gemoppelt.

Aber es klappt. Bis dann
PS : ich bin kein Geheimniskrämer – unter meinem Avatar verbirgt sich meine Internetseite – respektive meine Kontaktdaten.

if you want to give more than one custom class to an ALB Element just insert the two classnames behind each other with a space between:

f.e.: plp-iconbox clickable

btw: on former Enfold Times this was nice for columns too! – but now Column ALB Element has an input field for link to have the whole column clickable

if you like to have the controls you can delete this parameter from the code-block element code
&controls=0

maybe instead add the &playsinline=1 parameter – this is for the ipad / iphone background option.

@Mike : seems to be all 16/9 videos – must be something different .
________
and by the way – why did you do it this way? ( via slider)
you can combine all your videos in one youtube playlist – without generating a playlist on youtube. ( this will be the best way – because i think the transitions between those videos are gone).

this could be for your videos an iframe code:
<iframe src="https://www.youtube-nocookie.com/embed/sATEt-81AT8?enablejsapi=1&ecver=2&controls=0&cc_load_policy=1&rel=0&showinfo=0&autoplay=1&color=white&iv_load_policy=3&loop=1&playlist=QU0MCwH9cIU,f7Oy2fySTHM,DWRUW1oSLxI,JGt8g7Ms0zA,PGrBLAci8tQ,SlEXdbUgMuQ,kjA-GLzPMfQ,X-qPTwLUBAM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

you see the first video is single – and at the end there are comma separated the other VideoIDs.

now to your setup to get a responsive youtube setup:
click to enlarge:

put this into your page on top in a code-block element and give to the code-block element a custom-class: fullvideo

<div class="avia-video avia-video-16-9" itemprop="video" itemtype="https://schema.org/VideoObject">
<div class="avia-iframe-wrap">
	<iframe src="https://www.youtube-nocookie.com/embed/sATEt-81AT8?enablejsapi=1&ecver=2&controls=0&cc_load_policy=1&rel=0&showinfo=0&autoplay=1&color=white&iv_load_policy=3&loop=1&playlist=QU0MCwH9cIU,f7Oy2fySTHM,DWRUW1oSLxI,JGt8g7Ms0zA,PGrBLAci8tQ,SlEXdbUgMuQ,kjA-GLzPMfQ,X-qPTwLUBAM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>

go to your functions.php of your child-theme and insert:

function youtube_full_width_with_shortcode(){
?>
<script>
(function($){
   $('.fullvideo').closest('.content').css( 'padding' , '0px' );
   $('.fullvideo').closest('.container').css({"max-width": "100%", "padding": "0" });
   $('.fullvideo .avia-video').css('margin-bottom', '0px' );
   $('.fullvideo .avia-iframe-wrap').css('margin-bottom', '0px' );
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'youtube_full_width_with_shortcode');

see Result: https://webers-testseite.de/youtube-playlist-embed/

No Plugin for creating a child theme please !!!

First: Enfold got a wonderful Documentation: https://kriesi.at/documentation/enfold/

Second : View here : https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/ – there is a predefined Child-Theme !

Here are some infos on why a child-theme is a nice thing: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#why-child-theme