como ajustar minha imagens html e css a qualquer monitor, pq estou fazendo em um monitor grande e qnd passo para o pequeno o site nn se ajusta.e qnd passo para um munitor pequeno

body{

}

#cabeçario { position: absolute; left:0px; /* posiciona a 90px para a esquerda / top: 0px; / posiciona a 70px para baixo */ }

#cadastrar {
    position: absolute; 
    left:1450px; /* posiciona a 90px para a esquerda */ 
    top: 0px; /* posiciona a 70px para baixo */
    }
    #loja {
        position: absolute; 
        left: 0px; /* posiciona a 90px para a esquerda */ 
        top: 0px; /* posiciona a 70px para baixo */
        }
        #logo {
            position: absolute; 
            left:15px; /* posiciona a 90px para a esquerda */ 
            top: 60px; /* posiciona a 70px para baixo */
            }

            #lateral{
                position: absolute;
                left:0px; /* posiciona a 90px para a esquerda */ 
                top:148px; /* posiciona a 70px para baixo */

             }


            #canecas{
                position: absolute; 
                left:450px; /* posiciona a 90px para a esquerda */ 
                top: 150px; /* posiciona a 70px para baixo */ 
            }
            nav{
                position: absolute;
                top: 80px;
                right: 50px;

            }
         nav li{
             display: inline;
             margin: 0px 0px 0px 15px;

         }
         nav a{

            text-transform: uppercase;
            font-family:Arial, Helvetica, sans-serif;
            color: #90949C;
            font-weight: bolder;
            font-size: 22px;
            text-decoration: none

         }
         .caixa{
             position: relative;
             width: 940px;
             margin: 0px auto;

         }
         .serviços{
            display: inline;
            position: absolute; 

            left:30px; /* posiciona a 90px para a esquerda */ 
            top:150px; /* posiciona a 70px para baixo */

         }
         .serviços a{
            font-family:sans-serif;
            text-transform: uppercase;
            color: black;
            font-weight: bolder;
            font-size: 15px;
            text-decoration: none

         }
         .serviços li{

            margin: 15px 15px 0px 0px;
         }
         .destaques{
            position: absolute; 

            left:800px; /* posiciona a 90px para a esquerda */ 
            top:200px; /* posiciona a 70px para baixo */
            font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, Helvetica, sans-serif;
            text-transform: uppercase;
            color: black;
            font-weight: bolder;
            font-size: 22px;
            text-decoration: none


         }
        #instagram{
            position: absolute;
            left:300px; /* posiciona a 90px para a esquerda */ 
            top:200px; /* posiciona a 70px para baixo */
        }
        #whats{
            position: absolute;
            left:600px; /* posiciona a 90px para a esquerda */ 
            top:200px; /* posiciona a 70px para baixo */
        }