Проблемы с перемещением div в css

Проблемы с перемещением div в css

Здравствуйте, я хочу делать картинки подряд. Вроде бы все получилось, но когда я хочу переместить весь контейнер вправо и вниз, по какой-то причине перемещение div не работает. Что делать?Код приведен ниже. Я сразу приношу свои извинения, так как я не новичок.

<div class="conteiner">

<div class="f"><a href="https://www.twitch.tv/">

<img src="https://avatars.mds.yandex.net/i?id=065c54c3892dcf99a3adbe764427e71e13ae9c0c-4255243-images-thumbs&n=13" width="200" >

<p>ААА</p></div>

<div class="f"><a href="https://www.twitch.tv/">

<img src="https://avatars.mds.yandex.net/i?id=065c54c3892dcf99a3adbe764427e71e13ae9c0c-4255243-images-thumbs&n=13" width="200" >

<p>ААА</p></div>

<div class="f"><a href="https://www.twitch.tv/">

<img src="https://avatars.mds.yandex.net/i?id=065c54c3892dcf99a3adbe764427e71e13ae9c0c-4255243-images-thumbs&n=13" width="200" >

<p>ААА</p></div>

<div class="f"><a href="https://www.twitch.tv/">

<img src="https://avatars.mds.yandex.net/i?id=065c54c3892dcf99a3adbe764427e71e13ae9c0c-4255243-images-thumbs&n=13" width="200" >

<p>ААА</p></div>

<div class="f"><a href="https://www.twitch.tv/">

<img src="https://avatars.mds.yandex.net/i?id=065c54c3892dcf99a3adbe764427e71e13ae9c0c-4255243-images-thumbs&n=13" width="200" >

<p>ААА</p></div>

</div>

.conteiner {

display: inline-flex;

gap: 20px;

background-color: blue;

position: absolute;

top: 50px;

left: 100px;

}

.f {

font-size: 20px;

text-align: center;

}