Возможно путь прописан неверно, необходимо проверить где лежит файл стиля и сопоставить с папкой, где лежит файл шрифта прилагаю пример рабочего подключения:
Можно попробовать такие варианты:
background: url("../img/image.jpg") no-repeat center top/contain;
background: url("../img/image.jpg") no-repeat center center/cover;
background: url("../img/image.jpg") no-repeat center top / cover;
background: no-repeat top/100% url("../img/image.jpg");
background: no-repeat center/100% url("../img/image.jpg");
Рекомендую
- для .btn заменить display: inline-block; на display: flex;
- для .btn::after добавить display: block;
- после каждого обновления чистить кеш браузера в айфоне
Сделал решение, которое возможно то что нужно (в тело слайда можно добавить все что нужно, количество слайдов гибко меняется): https://jsfiddle.net/Logic2/htr83Lq2/426/
