Можно ли реализовать такой слайдер при переходе на мобильное разрешение с помощью CSS?
Можно сделать слайдет, но без свайпа. Тебе понадобится кружкам задать ссылку с хешем, а активному слайду задать стили для :target и задать id. Каждый id соответствует хешу ссылки кружочка. Тем самым при клике на ссылку, в адрес страницы добавиться хеш из ссылки, элемент, у которого id такой-же как хеш в адресе страницы, будет задано состояние :target. Так и манипулируй слайдами, у которых не активно это состояние, те скрывай.
Если же хочешь использовать и свайпы, то тебе придется подключить какой-то слайдер на js, гуглится за 3 секунды.
Подключаешь owl.carousel.
Задаешь при обычной, не листать, не дергать его вообщем.
При responsive, задаешь что нада отображать один элемент и показываешь точки.