remove container wrappers around code widget

Can you please post the code you like to insert? Where did you see that effect you like to reproduce?
And where do you like to insert it – as first child in #main or between other alb elements?

why do i ask this: if it is first child inside #main you can use that filter: ava_after_main_title

f.e.:

add_action('ava_after_main_title', function() {
	if ( is_page(49162)){
		echo '<section class="vid">';
		echo '<div class="holder">';
		echo '<video class=" " preload="metadata" autoplay=" " muted=" " playsinline=" " loop=" " controls=" " id="player_27_1266727400_788445252_html5" src="/wp-content/uploads/Time-Lapse.mp4"></video>';
		echo '</div>';
		echo '</section>';
	}
});

see: https://webers-testseite.de/no-wrappers/

well – put your code block just inside a color-section – that color section set custom class to: special-vids
inside you got your html structure like:

<section id="scrubs" class="vid">
	<div class="holder">
		<video src="/wp-content/uploads/Time-Lapse.mp4" autoplay muted loop playsinline></video>
	</div>

	<div class="story">
		<div>
			<h3>In the heart of Wildrise…</h3>
		</div>
		<div>
			<h3>…where the breezes play.</h3>
		</div>
		<div>
			<h3>We embrace the call of the wild each day.</h3>
		</div>
		<div>
			<h3>Untamed places stretch,</h3>
		</div>
		<div>
			<h3>vast and wide.</h3>
		</div>
		<div>
			<h3>Whispering secrets of a world outside.</h3>
		</div>
	</div>
</section>

put this to your child-theme functions.php:

function scrub_preparation_of_color_section() { 
?>
<script>
window.addEventListener("DOMContentLoaded", function () { 
	(function($){
		$('.avia-section.special-vids ').each(function() {
			var vids = $(this).find('.vid').detach().html();
			$(vids).prependTo($(this));
			$(this).addClass('vid').find('.container').remove();
		});
	})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'scrub_preparation_of_color_section');

see: https://webers-testseite.de/scrubbing-videos/

my css on that page is:

.responsive body#top {
    overflow-x: visible;
}

#wrap_all {
    overflow: visible;
}

.avia-section.vid {
  height: 600vh;
  position: relative;
}

.avia-section.vid div.holder {
  position: sticky;
  top: var(--enfold-header-height);
}

.avia-section.vid video {
  width: 100%;
  height: 100vh;
  object-fit: cover !important;
}

.avia-section.vid div.story {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.avia-section.vid div.story div {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

but i do not want to style it till the end. have a look how that is made in that video. – and how to handle the other .avia-section
Edit: you had to adopt now the scrubbing script to its selectors. And perhaps a debounce and resize will be needed.

you can use the embedded debounce function of enfold:

function ava_add_custom_script(){
?>
<script>
(function($){
  function b() {
      // here comes the script …
  }

  $(window).on('debouncedresize', function() {
    b();
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_add_custom_script');

i didn’t implement the script. Thats why i wrote: “Edit: you had to adopt now the scrubbing script to its selectors.”
Your question only referred to customization without additional wrappers. A little work should still be left for you.

Edit: now i have implemented that script – but you see – bigger video files do not work – and even the current mp4 with 10sec and less resolution do not work nice ( as the demo too ). So believe me Apple realizes this effect in a different way.