selection - новый тег?
А вообще загрузку всех ресурсов можно посмотреть в dev tools во вкладке network (сеть). Там и увидите, по какому пути браузер пытается загрузить изображение.
Но в вашем случае сначала тег правильный сделайте.
И правильный порядок уровней заголовков соблюдайте. Текст капслоком писать не нужно — это делается через css.
Когда указываете padding в процентах, понимаете, что эти самые проценты будут расчитываться от ширины родительского блока?
И указывая grid-template-rows, сами же ограничиваете их по высоте.
szQocks, Кто то из нас вообще не понял вопроса. Догадайтесь кто? Автор вопроса приложил изображение с нужной последовательностью вывода элементов в сетке.
На дестктопе это вертикальные вкладки (vertical tabs), на мобильном разрешении уже аккордеон. У них структура разметки разная. Можно изначально сверстать табы и добавить скрытые кнопки для аккордеона. Скриптом менять видимость триггеров для разных разрешений. Если загуглить tabs to accordion, то выдаст возможные варианты решения.