Solucionado
Procurando um pouco, achei uma duvida de 2020 que pedia para troca essa tag :
por mas ainda não consegui, todos elementos indicam ter a largura de 390px (a largura do iphone 12, como mostrado na inspeção) e meu layout para celular não sai disso ai.*eu inventei de fazer o meu próprio site, e não fazer a barbearia, como forma de tentar evoluir mais
Para todos os meus amigos com o mesmo problema, recomendo @media only screen and (max-width:480px) e `
se alguem tiver outra solução eu estarei aceitando, valeu ai `
Boa noite!
verifica no HTML no código da importação do vídeo se tem algum parâmetro de altura ou largura já definidas, as veses na importação do vídeo do youtube ele já vem pre definido.
exemplo: marquei o *width e o height * abaixo
<iframe ***width="560" height="315"*** src="https://www.youtube.com/embed/CHFif_y2TyM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>