Слайдер в шапке с помощью плагина ACF c использованием поля репитер
Подскажите пожалуйста, как реализовать слайдер в шапке сайта во всю ширину экрана и добавить возможность изменить(загружать) изображения для каждого слайда в админке. На данный момент у меня header имеет свой фон, нужно изменить так что бы при пролистывание слайдов он менялся на текущее изображение слайда. В админку то я вывел, но как быть дальше, позиционировать его абсолютно и растягивать на всю ширину или изменять структуру всего header ? ниже добавляю код header. Спасибо!
<header id="masthead" class="header">
<div class="container">
<div class="header__top">
<ul>
<li><a href="#" class="eModal-1 menu__link ">TEXT</a></li>
<li><a href="#" class="menu__link">TEXT</a></li>
<li><a href="#" class="menu__link">TEXT</a></li>
</ul>
</div>
<div class="header__main">
<div class="header__logo">
<a href="<?php echo get_home_url(); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/svg/logo.svg" alt="logo">TEXT</a>
</div>
<div class="header__burger">
<span></span>
</div>
<div class="header__menu">
<?php
wp_nav_menu( array(
'menu_class'=>'menu',
'theme_location'=>'header-menu'
) );
?>
</div>
</div>
<div class="header__slider">
<?php if( have_rows('header__slider') ): ?>
<?php while( have_rows('header__slider') ): the_row(); ?>
<?php
$slidetitle = get_sub_field('main-text');
$slidesubtitle = get_sub_field('header-subtitle');
$slidebutton = get_sub_field('slider-button');
$slideimage = get_sub_field('slider-image');
?>
<div class="header__slide">
<h1><?php echo($slidetitle); ?></h1>
<p><?php echo($slidesubtitle); ?></p>
<a href="<?php echo($slidebutton); ?>" class="button">TEXT</a>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
</header><!-- #masthead -->