При попытке сделать "img src" ссылкой все "сваливается в 1о место, в чем может быть проблема?

.services.flex {
    width: 1300px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.services.flex li {
    list-style-type: none;
}
.services.flex a {
    display: block;
    text-decoration: none;
    color: black;
    font: bold "Montserrat", serif;
    position: absolute;
    justify-content: center;
}

<div class="services flex">
<li><a href=""><img src="" width="600px" height="300px" alt="">1</a></li>
<li><a href=""><img src="" width="600px" height="300px" alt="">2</a></li>
<li><a href=""><img src="" width="600px" height="300px" alt="">3</a></li>
<li><a href=""><img src="" width="600px" height="300px" alt="">4</a></li>
<li><a href=""><img src="" width="600px" height="300px" alt="">5</a></li>
</div>