Где ошибка в коде?

Question

[Ivan Ivanovich]

Здравствуйте. Есть код - https://jsfiddle.net/m8repwt0/

Дело в том, что форма должна была получиться как на скриншоте, но что-то пошло не так. И как на зло не могу найти ошибку.

Подскажите пожалуйста, в чём проблема?

Тостер скриншот не загружает. Поэтому он здесь - скрин.

Comments

[FeST1VaL]

posters,

.container:after {
 animation: animate 9s linear infinite;
}
@keyframes animate{
  0%{
    filter: blur(60px) hue-rotate(0deg);
  }
  100%{
    filter: blur(60px) hue-rotate(360deg);
  }
}

[posters]

Артем Будин, спасибо. Уже сам увидел.

[Ivan Ivanovich]

Артем Будин, А это к чему?

[FeST1VaL]

Ivan Ivanovich, это просил человек выше), удалил прост комментарий

Answer 1

[FeST1VaL]

Скорее всего вы это имели ввиду, то проблема тута:

.form {
 position: absolute;
}

Поменять на relative

Comments

[Ivan Ivanovich]

Артем Будин Спасибо большое

Answer 2

[Михаил]

1 проблема: форма на абсолюте

2
.container
z-index 1

after z-index -1

Comments

[Ivan Ivanovich]

Михаил Я дал z-index ничего не поменялось.

[Михаил]

Ivan Ivanovich, https://jsfiddle.net/notiv/hujx715L/

[Ivan Ivanovich]

Михаил, Ааа.. понял, спасибо большое!