Merhabalar
Küçük bir script yaptım ekranda resim tam orta olarak gözükür pc de sorun yok ama mobilde resim üst kısımda gözüküyor yardımcı olabilir misiniz...

<style>
html {

    }
    body {
    background-color: black;
    
    
    }
    #image > img {
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    
    }
    #image    {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
</style>