Centrare in mezzo immagine responsive

[djjunior]

Salve
ho fatto questo script:

<style type="text/css">
#divcentrato
{
width: 600px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -300px;
}
</style>
<div id="divcentrato"> 
<img src="img/logo.png" style="max-width:100%;">

La visualizzazione sul pc desktop è ok, ma sul device mobile non rende responsive l'immagine pertanto la taglia lateralmente, cioè è dovuto a #divcentrato, ma non sono come fare coesistere che l'immmagine deve essere al centro monitor su tutti i device ma anche responsive
Potete aiutarmi?
Grazie

[ninja72]

prova in questo modo:

<style>
        html,
        body {
            margin: 0;
            padding: 0;
        }

        #divcentrato {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        #divcentrato img {
            width: 200px
        }
    </style>

<div id="divcentrato">
        <img src="./img/logo.png">
    </div>

[djjunior]

grazie, ho provato ma non va, essndo l'immagine 600px nei device più piccoli dovrebbe rendere l'immagine responsive ma nulla
Grazie