[Dúvida] background como imagem | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

Boa noite, como utilizar uma imagem como background sem que ela sobreponha a escrita e outra imagens?

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="model1.css" media="screen">
title>portfolio</title>
</head>

<body>

    <header>
        <main>
            <h1>Eleve seu negócio digital a outro nível
                <strong>com um Front-end de qualidade!</strong>

            </h1>
            <p>Olá! Sou Anottsu, desenvolvedor Front-end com especialidade em React, HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>

            <a href="https://www.instagram.com> Instagram </a>
            <a href="https://github.com">GitHub</a>
            <img src="fireforce.jpg" alt="bombeiro  fire force">

        </main>
        <footer>

        </footer>
    </header>
</body>