html – CSS mover imagen proporcionalmente a la pantalla independientemente del tamaño de ella

.cuadrado2 {
background-color: blueviolet;
animation-name: cuadrado2;
animation-duration: 3s;
}   
@keyframes cuadrado2 {
from {transform: translatex(0px);}
to {transform: translatex(100%);}
}

Solo se mueve proporcionalmente al tamaño de la imagen, pero quiero que se mueva proporcionalmente al tamaño de la pantalla. saludos!