não entendi porque aparece essa margem

Olá, Marina. Como vai?

Você se refere à sombra no lado direito e embaixo da imagem que fica embaixo do título "Benefícios"? Essa é a tag box shaddow, provavelmente aplicada sobre a borda da imagem. Pode enviar o código css referente à esta página para eu conferir por favor?

Fico aguardando seu retorno!

aqui esta o css da imagem .corta{ width:50%; padding: 20px; box-shadow: 10px 10px 5px #000000;

Olá, Marina. Agradeço o retorno! :)

Reparei que a imagem e vídeos são diferentes, do projeto. É muito legal tentar estilizar à sua maneira, ajuda muito a fixar o conhecimento, parabéns! :)

Para tirar essa sombra é só tirar o código box-shadow: 10px 10px 5px #000000;

E essa é a estilização que o professor utiliza na imagem no projeto original:

    width: 60%;
    opacity: 1;
    transition: 400ms;
    box-shadow: 10px 10px 10px 0 #000000;

Me conta depois se deu certo? Fico no aguardo! :)

Não quero tirar a sombra gostaria de tirar a margem em volta da foto

Olá, Marina.

Nesse caso, é só tirar o padding: 20px, essa tag cria um espaçamento entre o elemento na qual ela está sendo atribuída e o box shadow.

Fico aguardando seu retorno para saber se deu certo! =D