Можно ли с помощью Bootstrap 5 использовать эти два разных макета в зависимости от области просмотра?

Я хотел бы, по возможности, избегать трюков с display:none и JS/Jquery.
Я пытаюсь сделать это с помощью инструментов начальной загрузки 5, как показано ниже, но на большом экране это не работает:
1 2 3
Результаты на большом экране (с приведенным выше кодом на маленьком экране все работает как положено):

Спасибо за помощь
Мобильная версия