CSS Konumlandırma hk.

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>

İmg tagında margin değerini 0 auto ve padding 0 text align center yap.
Yaparsan resim ortalanır ama sen image id yukarı 0 sola sıfırlamışsın. Bu yüzden öyle görünüyor. Büyük ihtimalle pcden öyle oluyordur. Ctrl f5 yap.