Хотел, чтобы картинка была наполовину ниже края документа, но он вместо этого расширяется.
Как это лучше сделать?
Может через background-image
?
Желаемый результат:
Как сейчас:
Код:
.skull {
position: absolute;
width: 864px;
height: 988px;
margin: 0 auto;
top: 250%;
transform: rotate(-180deg);
}
<img class="skull" src="img/skull.svg" alt="skull" />