/* Stili generali per le immagini nel testo */
.img-inline-left, .img-inline-right {
    margin-bottom: 15px;
    max-width: 100%;
    height: auto;
    display: block;
}

/* Stili per Desktop (schermi sopra i 768px) */
@media (min-width: 768px) {
    .img-inline-left {
        float: left;
        margin-right: 25px; /* Spazio a destra dell'immagine */
        margin-bottom: 20px;
        max-width: 300px; /* Regola la larghezza massima desiderata su desktop */
    }

    .img-inline-right {
        float: right;
        margin-left: 25px; /* Spazio a sinistra dell'immagine */
        margin-bottom: 20px;
        max-width: 300px; /* Regola la larghezza massima desiderata su desktop */
    }
}

/* Fix per evitare che gli elementi successivi (come gli h2) vadano a sovrapporsi in modo anomalo */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}