Semble parfait sur un écran d'ordinateur 16:9 normal, avec du texte à gauche et des images à droite. Cependant, lorsqu'il s'agit d'écrans plus petits (par exemple, les écrans de la taille d'un téléphone), l'image est affichée en haut du paragraphe comme je le souhaite. Je suis très nouveau dans ce domaine, alors aidez-moi s'il vous plaît.

Voici mon fichier média

@media(max-width: 700px){
    
   
    .project1-img{
        flex-basis: 10%;
        width: 350px;
        margin: 20px;
    }
    
    .project-one{
        float: right;
        width: 750px;
        margin: 20px;
        padding-left: 10px;  
        inline-size: 1000px;
    }   
}

J'ai besoin d'un code pour m'aider à aligner les paragraphes à la position souhaitée