Using JavaScript, how would I pause a Divi Slider?

On my website, I have a slider that is showing images. Due to ADA compliance, I need to be able to pause this slider. I'm trying to figure out how to do that via JS.

I had something like this:

<script>
jQuery(document).ready(function() {
$('#btnPause').on('click', function() {
// Retrieve the text of the button dynamically inside the click event
var btnText = $(this).attr('aria-label'); // Use $(this) to reference the clicked element

if (btnText === 'Stop automatic slide show') {
$('#Logos').addClass('pause');
$(this).addClass('play');
$(this).attr('aria-label', 'Play automatic slide show');
} else {
$('#Logos').removeClass('pause');
$(this).removeClass('play');
$(this).addClass('pause');
$(this).attr('aria-label', 'Stop automatic slide show');
}
});
});
</script>

Unfortunately, this isn't working for me.

Is adding a pause class to the div of the slider the right approach or am I wrong?

Could someone point me in the right direction?