do you mean the time span between the sentences? or the time when the individual letters appear.
the first got an alb options dialog : Advanced – Animation : “Autorotation duration”

What have you set on : Dashboard – Settings – Reading: “Blog pages show at most” ?

if you do not want to completely remove the titles – just do that on mouseover:
( play a bit with the selectors – maybe it is not useful to have that for all elements with titles )

function temporary_removal_title_tags(){
?>
<script>
  window.onload = function() {
      var links = document.querySelectorAll('a, img, *[title]');
      for (var i = 0; i < links.length; i++) {
          var link = links[i];
          link.onmouseover = function() {
              this.setAttribute("data-tooltip", this.title);
              this.title = "";
          };
          link.onmouseout = function() {
              this.title = this.getAttribute("data-tooltip");
          };
          link.onmousedown = function() {
              this.title = this.getAttribute("data-tooltip");
          };
      }
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags');

have you tested to get it from this page – with latin-extended option:
(the caron should be part of it “hatschek” Unicode U+0160, U+0161 )

https://google-webfonts-helper.herokuapp.com/fonts/cabin?subsets=latin,latin-ext

or try from Google the variable font –
you can have then f.e.:

@font-face {
    font-family: "Cabin Regular";
    src: url("Cabin-VariableFont_wdth,wght.ttf");
    font-weight: 400 700;
    font-stretch: 75% 100%;
    unicode-range: U+000D, U+0020-007E, U+00A0-017E, U+018F, U+0192,
        U+01A0-01A1, U+01AF-01B0, U+01C4-01CC, U+01E6-01E7, U+01EA-01EB,
        U+01FA-021B, U+022A-022D, U+0230-0233, U+0237, U+0259, U+02BB-02BC,
        U+02BE-02BF, U+02C6-02CC, U+02D8-02DD, U+0300-0304, U+0306-030C,
        U+030F, U+0311-0312, U+031B, U+0323-0324, U+0326-0328, U+032E, U+0331,
        U+0335, U+03C0, U+1E08-1E09, U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D,
        U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F, U+1E36-1E37,
        U+1E3A-1E3B, U+1E42-1E49, U+1E4C-1E53, U+1E5A-1E5B, U+1E5E-1E69,
        U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85, U+1E8E-1E8F, U+1E92-1E93,
        U+1E97, U+1E9E, U+1EA0-1EF9, U+2007-200B, U+2010, U+2012-2015,
        U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033,
        U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20A1,
        U+20A3-20A4, U+20A6-20A7, U+20A9, U+20AB-20AD, U+20B1-20B2, U+20B5,
        U+20B9-20BA, U+20BC-20BD, U+2113, U+2116, U+2122, U+2126, U+212E,
        U+2202, U+2205-2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E,
        U+222B, U+2248, U+2260, U+2264-2265, U+25CA;
}

Exactly the same error on Google Search Console (403) and enfold/framework – that would not be so bad; however, I fear that Google will evaluate this negatively quite quickly without fixing.
There are already quite a few sites listed that way.

by the way: https://kriesi.at/support/topic/google-search-console-403-error-on-directory-wp-contentthemesenfoldframework-2/

please give advice how to solve the problem best.

Enfold has this nice docu – and if this is not enough to manage it – please tell us here where the problems are:
https://kriesi.at/documentation/enfold/child-theme/#how-to-install-the-child-theme

here is – i think the best solution – with iframe :
(by using custom-class: iframe-popup-link )

function iframe_popup_posts() { 
?>
<script type="text/javascript">
(function($){
$(window).on('load', function () {
	if (top === self) { 
	} else { 
		$('#header, #footer, #socket, .sidebar').hide();
		$('#main').css('padding-top', '0');
		$('.container .av-content-small').css('width', '100%');
		$('.content').css('border-right', 'none');
	};

	$('.iframe-popup-link').find('a').addClass('no-scroll');

	$('.iframe-popup-link a').magnificPopup({
		type:'iframe',
		closeOnContentClick: false,
	});
 });   
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'iframe_popup_posts', 999);

see again right side button: https://enfold.webers-webdesign.de/popup-posts/

as you said that ?iframe=true works – why don’t you use that to establish a f.e. button to open that page in an iframe.
Buttons do have a drop down to choose the post/page they will open.
If you gave to the button a custom-class f.e. iframe-open

function button_opens_iframe() { 
?>
<script type="text/javascript">
(function($){
	window.addEventListener("DOMContentLoaded", function () { 
	  $('.iframe-open a').each(function() {
	    var Link = $(this).attr('href').replace(/\/$/, '');
	    $(this).attr('href', Link + '?iframe=true');
	  });
	});
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'button_opens_iframe');

I can’t say that this takes very long, – but what remains is that the complete page – and not only the content is shown – but you should be able to do that with css.

https://enfold.webers-webdesign.de/popup-posts/

Do you load jQuery in footer? if you do – then it might be good to set on

add_action('wp_footer', 'toggle_on_click', 999);

a priority to be sure that your script loads after jQuery.

next ( please change that on documentation page too ) : on newer jQuery Versions the :

jQuery(window).load(function(){	

is deprecated – you had to use now:

$(window).on('load', function(){

i tested Ismaels advice – and there is a play/pause text on the video. with the css he provided – only one of them could be seen
see: https://enfold.webers-webdesign.de/videobackground/

on layerslider i could insert vimeo videos – on hovering those areas – the controls are there:
https://webers-testseite.de/videobackground-2/
even with video in video ;)

you can begin here to read how to avoid that the big images have more filesize than the uploaded images – and how to get rid of unneeded formats.

https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1271713

and follow the next posts too.

https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1271808

but if you like to force : open that svg file before uploading with a (good) text editor and insert on the svg tag yourself an alt attribute.

if you like to have on the a tag ( this is not an attribute allowed for a-tag ) a title or alt:
( see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a )

function custom_logo_attriubtes(){
?>
<script>
(function($){
  $('.logo > a').attr({ title:"here comes a new title Attribute", alt:"Your new Alt Attribute" });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_logo_attriubtes');