Делаю игру, и нужно делать возвышенности, но не могу понять как можно зафиксировать их на одном месте, чтобы при прокрутке фона, они уходили вместе с фоном.
css фигурки
.evelation {
position: absolute;
width: 70px;
height: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
bottom: 24rem;
right: 70rem;
}
.evelation img:first-child {
margin-bottom: 0.5rem;
}
<div class="evelation">
<img src="img/salad.png" alt="Салат">
<img src="img/elevation.png" alt="Возвышенность">
</div>
И может посоветуете, как лучше генерировать такие объект, чтобы на одной полной крутке экрана было 2 возвышенности, сам придумал, через if делать проверку, что прошла первая прокрутка, потом вторая, и т.д. И рандомно расставлять 2шт