Как сделать, чтобы текст встал слева, а картинка справа сверху в блоке с навыками?

.container {
        max-width: 1920px;
    }

.blocks {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 140px;
        padding: 45px;
        flex-direction: column;
    }

    .block {
        color: #fff;
        background: linear-gradient(to top, rgb(1, 0, 30), rgb(16, 14, 59));
        padding: 150px;
        margin-top: 50px;
        border: #000 2px solid;
        border-bottom-left-radius: 32px;
        border-bottom-right-radius: 16px;
        border-top-right-radius: 32px;
        border-top-left-radius: 16px;
        width: 130%;
    }

    .block p {
        text-align: center;
        font-size: 32px;
    }

    #naviki.block p {
        text-align: left;
        font-size: 32px;
        width: 50%;
    }

    #naviki.block h1 {
        text-align: left;
        margin-bottom: -60px;
        width: 50%;
    }

    .block img {
        display: flex;
        margin: 0;
        padding: 0;
        margin-top: 0;
        width: 512px;
        height: 400px;
        float: right;
        width: 50%;
    }

<div class="container">
    <div class="blocks">
        <h1 id="main-text">Обо мне</h1>
            <div class="block">
                <p>lorem lorem lorem lorem</p>
            </div>
        <h1 id="main-text-second">Навыки</h1>
            <div id="naviki" class="block">
                <h1>Мой стек:</h1> <p> <br> <br>HTML ★★★★★ <br>CSS ★★★★☆ <br>JavaScript ★★☆☆☆ <br>Python ★★★★☆</p>
                <br>
                <h1>Инструменты:</h1> <p> <br> <br> Linux ★★★★☆ <br>git ★★★☆☆ <br>VS code ★★★★★</p>
                <img src="img/eng-certificate.jpg" alt="eng-certificate">
            </div>
        <h1 id="main-text-third">Проекты</h1>
            <div class="block">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quaerat ipsa quam repellendus ipsum, accusantium aspernatur sunt dolores omnis quia, ab impedit dicta veniam quis! Fuga excepturi eveniet quam repudiandae.</p>
            </div>
        <h1 id="main-text-fourth">FAQ</h1>
            <div class="block">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed reprehenderit omnis, unde tempora esse neque! Sed cumque quae ducimus nam voluptatibus, totam, hic sit est consectetur sint magni, dolor at.</p>
            </div>
    </div>
</div>