Как получить изображения на HTML -сайте, чтобы оставаться в положении по сравнению с фоновым изображением, поскольку оно ⇐ Html

[Anonymous]

Я строю личный сайт. Я хотел, чтобы фоновое изображение соответствовало разным размерам экрана, поэтому по каким -либо краям не было белого, а затем помещал изображения в качестве ссылок. Я бы хотел, чтобы эти ссылки изображения оставались в одной и той же положении относительно фонового изображения, чтобы фотографии были выравнивались даже при просмотре на разных размерах экрана, но не могут выяснить, может ли это /как это возможно.

Код: Выделить всё

html,
body {
background-image: url("https://cdn.pixabay.com/photo/2022/10/22/17/00/gull-7539615_1280.jpg");
background-position: center;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
font-family: sans-serif;
}

#books {
display: block;
padding: 50px;
background-image: url("https://cdn.pixabay.com/photo/2022/08/24/05/44/duck-7406987_1280.jpg");
transition: transform .2s;
position: absolute;
left: -18.5%;
top: 4%;
scale: 25%;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
}< /code>

[url=sitelink]
[/url]

Подробнее здесь: https://stackoverflow.com/questions/797 ... ound-image