Первый элемент из коллекции c тэгом span

Общая идея такая. Вешаешь обработчик на ресайз:

window.addEventListener('resize', resizeHandlerSlider);

Сравниваешь переменную clientWidth при вызове хэндлера и дестроишь свой слайдер.

const slider = document.querySelector('#slider');
let { clientWidth } = document.body;
let yourSlider;

const sliderInit = () => {
    yourSlider = new Swiper(slider, {...})
}

const resizeHandlerSlider = () => {
    if (clientWidth !== document.body.clientWidth) {
        clientWidth = document.body.clientWidth;

        if (yourSlider) {
            yourSlider.destroy();
        }

        sliderInit();
    }
}

Используй селектор :nth-child

Например, первые 2 элемента:

table td:nth-child(-n+2) {
/**/
}

- Прелоадер или совсем уберите или сделайте его исчезновение более плавным, у вас статичная страничка и это мерцание как-то не очень смотрится;
- названия картинкам лучше давать латиницей:

- там где белый фон у картинок лучше сделать его прозрачным, там где нет прозрачности лучше вместо png использовать jpg. На таких маленьких страницах не важно, а в будущем может пригодиться для оптимизации;
- добавить ховер эффекты для пунктов меню;
- убрать ссылку с логотипа, тут итак одностраничник.