Editing separato per versione desktop, tablet, mobile

Buonasera a tutti, premetto che sono nuovo e non ho dimestichezza.
Sto cercando di costruire un blog, ma mi scontro subito con il problema delle visualizzazioni differenti su desktop, mobile, tablet. Per esempio, se provo a scrivere un articolo e a inserire una foto, per renderla della dimensione opportuna su desktop ottengo di tagliarne un pezzo su mobile. O ancora, se inserisco un testo sulla foto in modo che sia su un'unica riga nella versione desktop, di nuovo su mobile e tablet ho il testo che va a capo.
Al di là di attivare un tema mobile (già fatto e non risolvo il problema) c'è un modo per editare separatamente le dimensioni di testi e foto di uno stesso articolo per le tre visualizzazioni (desktop, tablet, mobile)?

Salve,
generalmente ciò lo si può fare con i css tramite i breakpoint.

Esmpio:

Codice:

---

@media only screen and (max-width: 768px){...}
@media only screen and (max-width: 900px){...}

---

Cordiali saluti.