Olá Gabriel, tudo bem?

Agradeço por compartilhar o código, isso nos ajuda a entender melhor o problema, e com ele em mãos posso dizer que está ficando incrível, adorei a proposta e aparência do site, ótimo!

Uma solução simples para isso seria usar a tag "<div>" para agrupar a imagem e o texto. Isso fará com que a imagem e o texto sejam tratados como um único bloco, semelhante ao que acontece quando você usa a tag "<a>".

Aqui está um exemplo de como você pode fazer isso:

HTML

<main class="profile__main">
    <section class="profile__main__watching">
        <h1 class="profile__main__watching__title">ASSISTINDO NO MOMENTO</h1>
        <div class="profile__main__watching__content">
            <div>
                <img class="profile__main__watching__image" src="./assets/films/thebear.png" alt="capa da série The bear">
                <p class="profile__main__watching__image__paragraph">The Bear</p>
            </div>
            <div>
                <img class="profile__main__watching__image" src="./assets/films/onepiece.png" alt="capa do anime One Piece">
                <p class="profile__main__watching__image__paragraph">One Piece</p>
            </div>
        </div>
        <h1 class="profile__main__watching__title">FILMES PARA ASSISTIR</h1>
    </section>
</main>

Isso deve resolver o seu problema.

Novamente quero lhe parabenizar pelo projeto, muito bacana mesmo!

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

Olá Victor! Tudo bem? Obrigado pela resposta e proposta de solução do problema :)) Testei tanto essa quanto a proposta que aprendi no curso de HTML e CSS da instrutora Monica, usando as tags "< ul >" e "< li >" e deu super certo! Decidi reescrever essa parte para melhor fixação das ideias que tive lendo as possíveis soluções para esta dúvida que tive.

Já vou reservar um tempo para abrir outro questionamento aqui no fórum referente a umas funções que gostaria de aplicar nessas imagens

Muito obrigado! Segue o código com a solução:

HTML

<main class="profile__main">
        <section class="profile__main__watching">
            <h1 class="profile__main__watching__title">ASSISTINDO NO MOMENTO</h1>
            <ul class="profile__main__watching__container">
                <li class="profile__main__watching__list"><img class="profile__main__watching__image" alt="Capa do filme The Bear" src="./assets/films/thebear.png"><p class="profile__main__watching__list__paragraph">The Bear</p></li>      
                <li class="profile__main__watching__list"><img class="profile__main__watching__image" alt="Capa do anime One Piece" src="./assets/films/onepiece.png"><p class="profile__main__watching__list__paragraph">One Piece</p></li>           
            </ul>
            <h1 class="profile__main__watching__title">FILMES PARA ASSISTIR</h1>
        </section>
    </main>

CSS

.profile__main {
    display: flex;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 2%;
}

.profile__main__watching {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.profile__main__watching__title {
    font-family: var(--primary-font);
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--sextenary-color);
}

.profile__main__watching__container {
    display: flex;
    text-align: center;
    gap: 20px;
}

.profile__main__watching__list {
    list-style-type: none;
}

.profile__main__watching__image {
    width: 12rem;
}

.profile__main__watching__list__paragraph {
    font-family: var(--primary-font);
    font-size: 1rem;
    color: black;
}

Oi Gabriel!

Essa solução também é ótima. É ótimo ver você evoluindo e descobrindo novas maneiras de fazer algo. Isso é o poder dos estudos e da sua dedicação ao mesmo. Continue assim. Parabéns!

Desejo muito sucesso no seu projeto, tenho certeza vai ficar muito legal!

Em caso de dúvidas, sinta-se à vontade para compartilhar conosco. Ficaremos felizes em ajudar. Até mais!