[SOLUCIONADO] Ayudar con slider responsivo

[Engima]

Buenas. Vereís estoy creando una web y tengo un problema con un slider en pantalla normal el slider va perfecto pero al verlo en el telefono no se ajusta totalmente con la web y se queda el lado derecho del slider salido del body. El codigo que uso es el siguiente:

Código HTML:

 <div class="slide">
             <figure>
                  <img class="img1" alt="alt img1" src="images/portada1.jpg" />
                  <img class="img2" alt="alt img 2" src="images/portada2.jpg" />
                  <img class="img3" alt="alt img3" src="images/portada3.jpg" />
             </figure>
        </div> 

En la parte de CSS:

Código CSS:

.slide{
    width: 1046px;
    height: 200px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    border-radius: .5em;
    position: relative;
}
 
.slide img{
    width: 1046.5px;
    height: 150px;
    position: absolute;
}
 
.slide .img2, .slide .img3 {
    display: none;
}
 
figure{
    margin: 0;
}
 

Y tambien tengo otra parte de JAVA para la animacion y tal pero me parece que el fallo esta en el css.