Исключить изображения из мобильной версии веб-сайта Quarto ⇐ Html

[Anonymous]

У меня есть веб-сайт Quarto, который я создал в r. Веб-сайт работает, однако я включил на боковую панель большие изображения, которые появляются перед текстом, когда я просматриваю его на мобильном устройстве. Есть ли способ исключить изображения при просмотре на мобильном устройстве?
Файл .

Код: Выделить всё

qmd

для одной страницы имеет следующий вид:

Код: Выделить всё

---
title: "Page1"
---

## Header

::: column-margin
![](images/image_1.JPG)
:::

*Text text text text

*Text text text text

*Text

![](images/image_2.jpg){fig-align="left"}

и мой файл yml следующий:

Код: Выделить всё

project:
type: website
output-dir: docs

website:
title: "Title"
navbar:
right:
- href: index.qmd
text: Home
- page1.qmd
sidebar:
title: "Test Website"
style: docked
collapse-level: 2
contents:
- section: ""
contents:
- "index.qmd"
format:
html:
theme: Zephyr
embed-resources: true
toc: true
toc-expand: FALSE
toc-depth: 4
toc-location: right
toc-collapsed: false
grid:
sidebar-width: 300px
body-width: 1000px
margin-width: 500px
gutter-width: 1.5rem

editor: visual

с моим index.qmd просто:

Код: Выделить всё

---
title: ""
about:
template: solana
---

Есть ли способ сделать так, чтобы изображения на полях столбца не отображались при просмотре на мобильных устройствах? Или их можно хотя бы переместить в самый конец страницы, а не перед текстом при просмотре на мобильном телефоне?

Подробнее здесь: https://stackoverflow.com/questions/793 ... to-website