alekseydemyanenko

outline: none
я так понимаю картинка открывает поп-ап

Как вариант положить 2 иконки изначально, моб скрыть, а на адаптиве открыть моб и скрыть ПК иконку(через родителя).
Еще конечно же JS с подменой.

тыц
тык

swiper использую постоянно, очень удобный в настройках. Почти все можно на нем реализовать.(2 ссылка)

сделаете id="anchor1" вместо name

а сам переход конечно же href="#anchor1"

и все будет отлично.

left: 50%;
bottom: 0;
transform: translate(-50%, 0);

Всегда по центру.

.logo img {
vertical-align: bottom;
}

тыц

Держи

https://jqueryui.com/selectmenu/
Выпадающий селект, полностью решит ваш вопрос.

Все с коробки,
https://fancyapps.com/fancybox/3/

Родителю:
display: flex;
justify-content: space-around;
flex-wrap: wrap;
align-items: center;
Детям
width: 100%
max-width: 340px - вашразмер
text-align: center
картинки декоративные же, зачем img ???
для картинки:
блок icon
width: ...
height: ...
margin: 0 auto
bacgr-img: url
bacg-repeat: no-repeat
bacg-pos: center

idangero.us/swiper подойдет лучше всего.

Для таких целей отлично подходит - Слайдер.
Готовый пример тут.
Полная касмомизация всего слайдера под ваши запросы.

www.favicon.by вот хороший