Como puedo hacer que la imagen ocupe todo el contenedor? Mi idea es que quede como se muestra en la foto. Siendo elmarco rojo la imagen y el marco negro redondeado el contenedor de imagenes
#article{
background-color: rgb(126,230,222, 0);
padding: 0;
height: 70%;
width: 55%;
margin: 0 auto;
border-radius: 20px 20px 20px 20px;
box-shadow: rgba(0,0,0,0.8) 0 0 10px;
}
<div id="article">
<div id="slider">
<figure>
<img id="imgSlider" src="https://static.pexels.com/photos/207962/pexels-photo-207962.jpeg"/>
</figure>
</div>
</div>