Вопрос Как вставить картинку справа от текста?

[uukwuD]

Учусь вёрстке и столкнулся с такое проблемой, картинка уползает вниз, когда должна находиться справа от текста. До этого делал точно также, но зеркально и всё работало. Подскажите как исправить.

HTML:

<section class="d4"> <!--Четвёртый экран-->
        
    <h4>
        
        <p class="DOMA">
            Download our<br>
            mobile apps
        </p>
        
        <figure class="line3">
            <img src="../../icons/line2.png" alt="">
        </figure>
        <p>
            Our dedicated patient engagement app and <br>
            web portal allow you to access information  <br>
            instantaneously (no tedeous form, long calls,  <br>
            or administrative hassle) and securely
        </p>
        
        <figure class="Download">
            <img src="../../icons/Download.png" alt="Download">
        </figure>
        <figure class="d4ill">
            <img src="../../icons/illustration4.png" alt="">
        </figure>
    </h4>
    </section>

CSS:

.d4{
    display: flex;
    flex-direction: row;
    justify-content:space-around;
}

.DOMA{
    display: block;
    margin-top: 36x;
    margin-left: auto;
    margin-right: auto;
    color: #000000;
    font-size: 36px;
    line-height: 152%;
    Text-align: left;
}

.line3{
    margin-top: 26px;
    margin-bottom: 33px;
}

h4{
    margin-left: 280px;
    margin-right: auto;
    margin-bottom: 37px;
    color: #8F8A9A;
    font-size: 25px;
    font-weight: lighter;
}

.d4ill{
    margin-right: 164px;
    margin-left: 771px;
    display: inline-block;
}

.Download{
margin-right: 192px;
margin-top: 40px;
}

Вот как должно быть:

И как у меня:

 

[maximbulldozer]

display: inline-block;

Пожалуйста, авторизуйтесь для просмотра ссылки.

 

[kakdelakakdela]

Ну или можно через position: absolute