Nesse caso, parece que o padding está se comportando como uma margin (px-6). O código é este:
<!-- Definindo o fundo azul claro, a fonte Inter para o corpo e aplicando display flex para centralizar os elementos -->
<body class="bg-azul-claro font-inter h-screen flex justify-center items-center">
<main class="flex px-6">
<!-- Seção com fundo azul escuro para o mergulhador -->
<section class="bg-azul-escuro hidden">
<img class="" src="image/icone-mergulhador.svg" alt="icone de mergulhador">
</section>
Inclusive se utilizar mx-6, o resultado é o mesmo...
