Sieht auf einem normalen 16:9-Computerbildschirm perfekt aus, mit Text auf der linken Seite und Bildern auf der rechten Seite. Bei kleineren Bildschirmen (z. B. in Telefongröße) wird jedoch das Bild oben im Absatz angezeigt, wie ich es möchte. Ich bin sehr neu in diesem Bereich, bitte helfen Sie mir.

Das ist meine Mediendatei

@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;
    }   
}

Ich benötige einen Code, der mir hilft, Absätze an der gewünschten Position auszurichten