where did you switch Wordfence to learning mode?

Edit ok i found it – All Options – basic firewall options.
this hint is good for a problem i got with code block too.

But what I didn’t think about the firewall is that the installation caused the problems was in a subfolder of another site.
There Wordfence was installed and activated on that “Parent Installation”
( webers-testseite.de and another wordpress in webers-testseite.de/subfolder/ )
That the installation there also affected the subfolder installation – I didn’t think of that.

Brilliant tip – Thanks

That Plugin can help you to have new buttons on that text-editor ( don’t know if it works on block-editor too )
f.e.:

If it has to be above the title – change the selector and insertBefore:

function metaAfterTitle(){
?>
<script>
(function($){	
	$(".template-blog .post-entry").each(function(){
		var postTitle 	= $(this).find('.av-heading-wrapper');
		var metaInfo 	= $(this).find('.post-meta-infos');
		$(metaInfo).insertBefore($(postTitle));
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'metaAfterTitle');

i am a participant like you, and thats why i could not read private content area and if you prefer to hear it from a mod that needs to be improved in the code then that’s ok for me too.
You could have just tested the code – it wouldn’t have been that much work.

the one big error is that you do not enter the $(postTitle)
and to avoid to write always the jQuery instead of $ i do surround the code in this way – so you can use inside normal $ sign:

<script>
(function($){	
	…
})(jQuery);
</script>

and if you are not using any index you can remove that too:
( if your selectors are right – try this) :

function metaAfterTitle(){
?>
<script>
(function($){	
	$(".template-blog .post-entry").each(function(){
		var postTitle 	= $(this).find('.blog-categories.minor-meta');
		var metaInfo 	= $(this).find('.post-meta-infos');
		$(metaInfo).insertAfter($(postTitle));
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'metaAfterTitle');

if you add those tags with custom class they will not be removed!
<br class="noclear"/>
same with p-tags

On Enfold 4.7.6.4 the permanent linebreak seems to exists as a button in the tool-bar
and it inserts : <br class="avia-permanent-lb" />

i use for some “extras” this little plugin: https://kriesi.at/support/topic/line-break-not-working-in-front-end/#post-1146117

@ Cliffy
1) the changelog (version.txt) is in the big zip file on Envato (“All files and documentation”) – yes it would be nice to have this file in the “Installable WordPress File only” archive too.

2) i do always update like this ( https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107 ) – so there is always a rollback version.

3) if you update manually ( by uploading that zip file or via ftp) you can decide when you like to update. It is not necessary to do it on the first day of release – wait till the changelog is here: https://kriesi.at/documentation/enfold/changelog/

but your link on top is no enfold theme – it is gaia
So i guess Enfold support is the wrong place to ask?

for the link ( https://www.urasessence.it/ ) above – and only for small screens :

@media screen and (max-width:414px) {
  #mobile-bar {
    max-height: 100px;
    height: 100px;
  }
  .breakpoint .logo a img {
    height: 50px !important;
  }
  .logo-container {
    float: none;
    width: 100% !important;
    display: inline-block;
  }
  .logo {
    display: inline-block;
  }

  .breakpoint .logo a img.logo-img, #mobile-bar #toggle {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
} 

hm i can not reproduce your problems: https://webers-testseite.de/vimeo-embed/

The left one is enfold video alb.
And the right one is iframe ( but i prefered the responsive setting – on share button you can see options button on top right)

( That testpage is on Enfold 4.7.6.4 and WP5.5.1 )

have you set any Content Security Policy (CSP) or f.e. a plugin which has set it?
if you are familiar with developer tools have a look to the Console – if there are blocking rules on vimeo sources.

just to mention: if you got older additional font-icons in your import – the fontello page now generates the woff2 format too.
it could be solved by extracting the svg font file from your former upload zip file and drag and drop it into fontello page
“Drag custom SVG icons or SVG font here.”
activate all your wanted icons and then download it from fontello and upload that new zip file.

OK – i just asked because i can not reproduce the issue.
See the bottom of that page : https://webers-testseite.de/gallery/
This is a gallery with left jpg – right png.
Click to see the lightbox – allthough this is a big png – there is no darker corner. – no tear ( rupture, torn, crack, rip nor break)
Yes, you are right – the png is a bit sharper on the preview image of the gallery, but at what price?
A page with 5-6 png of this dimension would take much longer to load completely. The surfing behaviour of most visitors to a page is such that if a page takes longer than 5 seconds to load, the attention is reduced to zero.

It is described above and again in the second part:
Id and class,

and especially the background had to be set to scroll.

.bg-fixed {
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
	background-size: 0 !important;
	overflow: hidden;
	position: relative;
}

.bg-fixed:before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: inherit !important;
	background-repeat: no-repeat !important;
	background-size: cover;       /** or contain - what you need **/
	background-position: inherit;
/** will-change: transform;    - only if you have less then 3 images like that ***/
}

@media only screen and (max-width: 767px) {
  #myid.bg-fixed:before {
    background-image: url(/wp-content/uploads/alternative-image.jpg) !important;
  }
}

There is nothing more I can do than to give a detailed instruction and also show a working test page. If not read carefully, then unfortunately I cannot do more. I will only make instructional films if there is no other way to create clarity.

well on Victorias link the wrapping container in enfold for the images is: avia-slide-wrap

i would give a custom-class to the slideshow you like to influence – f.e.: kenburns
then it will be nice if only the active slide is doing that – so when i transpose the code from code pen to enfold classes :

.kenburns .active-slide .avia-slide-wrap {
  width: 100%;
  height: 56.25vw;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.kenburns .active-slide .avia-slide-wrap img {
  width: 100%;
  animation: move 20s ease infinite alternate;
  -ms-animation: move 20s ease infinite alternate;
  -webkit-animation: move 20s ease infinite alternate;
  -0-animation: move 20s ease infinite alternate;
  -moz-animation: move 20s ease infinite alternate;
  position: absolute;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transform: scale(1.0);
    -ms-transform: scale(1.0); 
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -moz-transform: scale(1.0);
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);   
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
}

don’t know if all cross-browser settings are neccessary today – but i let them stay in the quick css code.
Important: see ( height: 56.25vw; ) if the width of the slider is 100vw then a 16:9 height will be approx: 56.25vw
The Code Pen Code only works nice if you have set a hight on that and that should reflect the aspect ratio well.
So it might be nice to have for Slideshows having a film slide with 16:9 format – the images got the same size on that.
I have on that testpage images of that format.:
https://webers-testseite.de/slider-with-kenburns/