tendkuh, ну пусть сами думают, если так нужно скрыть h1. Главное в таком деле — понимание того, что они делают, ведь нарушать правила тоже нужно правильно.
Вот ребята BBC знают, как правило нарушать, — и у них всё в порядке.
BBC на своём сайте h1 подобным путём прячет. Знаю один сайт, где тоже спрятан h1 — у него отличные показатели SEO, но при этом знаю другой, где из-за этого были проблемы.
В целом, лучше не прятать, но если уж очень нужно, то точно не в display: none; opacity: 0: visibility: hidden;
Набор свойств visually-hidden может помочь, словом.
tendkuh, а, вы про код выше. Это не мой код, я его скидывал как пример фона, а в примере он там играет роль разделителя. Думаю, автор вопроса бы и так не стал использовать hr тут.
Это нормально, словом. В идеальном мире картинка должна быть пиксель в пиксель с разрешением экрана.
Если, к примеру, на transform уменьшать, то можно и не то увидеть.