Bilder aus der mobilen Version der Quarto-Website weglassen ⇐ CSS

[Guest]

Ich habe eine Quarto-Website, die ich in r erstellt habe. Die Website funktioniert, allerdings habe ich Bilder in die Seitenleiste eingefügt, die groß sind und vor meinem Text erscheinen, wenn ich ihn auf einem mobilen Gerät ansehe. Gibt es eine Möglichkeit, die Bilder wegzulassen, wenn sie auf einem mobilen Gerät angezeigt werden?
Die .

Code: Select all

qmdDie 

-Datei für eine Seite lautet wie folgt:

Code: Select all

---
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"}

und meine yml-Datei ist die folgende:

Code: Select all

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

wobei mein index.qmd einfach lautet:

Code: Select all

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

Gibt es eine Möglichkeit, dass Bilder am Spaltenrand nicht angezeigt werden, wenn sie auf Mobilgeräten angezeigt werden? Oder können sie zumindest ans Ende der Seite verschoben werden, anstatt sich bei der Anzeige auf Mobilgeräten vor den Text zu bewegen?