posizionare gli elementi Responsive

[massimo67]

ciao a tutti ,
non capisco la dichiarazione da usare per fare questo: (vedi allegato)

in pratica ho uno sfondo responsive e se ridimensiono il browser lo sfondo si adatta, questo non succede per il nome
e per la foto , non restano "agganciate" allo sfondo ma si spostano sballando i posizionamenti.

ecco il CSS del foglio di stile

.blocco-sfondo { 
    
    width: 100%;
    height: 768px;
    background-image: url('https://miosito/immagine.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid red;
  
}

.nome { 
  
  position: absolute;
  top: 80px;
  left: 10px;
  text-align:center;
  font-size:40px;
  color:#d67f03;

}

.foto {  
  margin:auto;
  position: absolute;
  top: 185px;
  left: 45px;
   
}

mi chiedo quale dichiarazione devo usare per nome e foto

grazie