Равшан Халимов

https://jsfiddle.net/Ravshanbek778/ychqvptg/
Есть вот такой костыльный способ (но это не хорошо)

Вообще нужно использовать animationkeyframes (или можно с помощью setTimeout) если хотите использовать pureJS
А если есть возможность jquery то там уже встроенно
https://api.jquery.com/show/#show
https://api.jquery.com/hide/#hide

Во первых php cкпирт не будет работать в html файле
Во вторых вы должно создать index.php там загружать ваш php скрипт и там в нужном месте вызвать ваш html (или просто его копи пастить)
Ну конечно есть и множество других вариантов но попробуйте эти

Думаю у вас есть margin-top надо его заменить на padding-top
Попробуйте может получиться