opgelost Afbeelding mee laten schalen met beeldscherm grootte

Ik heb een site gemaakt waar ik graag wat tekst naast een afbeelding plaatst in een artikel.
Om dit te laten schalen met verschillende type schermen gebruik ik een tabel met links tekst op width 60% en rechts de afbeelding op 40% dit maak samen dus een mooi gevulde pagina.
Dit werkt op zich redelijk naar wens maar op een telefoon in portrait mode ziet het er vreemd uit en dan zou ik graag willen dat de afbeelding onder de tekst komt of onder een bepaalde grootte dus bv bij een telefoon bij landscape ook al en bij de grootte van een tablet dat het wel netjes naast elkaar blijft.

ik heb zitten stoeien met <div> maar ik kom maar niet verder en krijg de tekst en afbeelding dan ook niet naast elkaar.

mijn kennis is echt basis dus mogelijk doe ik het helemaal fout, wie kan me een stukje op weg helpen
Ik heb een extra artikel op een test pagina gemaakt waar ik mee aan het klooien ben.
deze staat hier:
Link

Hier staat wel een voorbeeld: www.w3schools.com/howto/howto_css_two_columns.asp
Er zijn online ook wel converters van tabel naar div te vinden.

Dank je wel Astrid!
Ik heb veel artikelen doorgenomen en getest. maar kwam niet verder.
Deze is spot on!