Rotating Banner of Logos

see here – read carefully:
https://webers-testseite.de/partnerlogo-element/

you can erase all the cosole logs – they are only for me to check.

I have added to the code that the slider reacts to smaller screen widths – i.e. deviates from the number initially set via the user class.

in that part:

// Responsive Anpassung der Spaltenanzahl für verschiedene Bildschirmgrößen
if (window.innerWidth < 480) {
    currentVisibleColumns = 2;
    console.log('Custom Slider: (updateResponsiveColumns) Screen width < 480px. Setting visible columns to 2.');
} else if (window.innerWidth < 768) {
    currentVisibleColumns = 3;
    console.log('Custom Slider: (updateResponsiveColumns) Screen width < 768px. Setting visible columns to 3.');
} else if (window.innerWidth < 1024) {
    currentVisibleColumns = 4;
    console.log('Custom Slider: (updateResponsiveColumns) Screen width < 1024px. Setting visible columns to 4.');
} else {
    currentVisibleColumns = initialColumnsFromClass;
    console.log('Custom Slider: (updateResponsiveColumns) Screen width >= 1024px. Using initial columns from class:', initialColumnsFromClass);
}

PS: you can only implement something like this properly with the help of AI. I just know how to prompt the right questions.
;)