Почему первое и последнее изображение начинают изменять размер при изменении размера браузера

Question

Почему первое и последнее изображение начинают изменять размер при изменении размера браузера, Любая подсказка о проблеме. Я хочу, чтобы изображение всегда было одинакового размера.

*{
    margin: 0;
    padding: 0;
}

.contenedor{
    height: 200px;
    display: flex;
    background: green;
    justify-content: space-around;
     
}


.imagen{
    width: 30%;
    height: 100%;
    object-fit: contain;  
    background: red;

}

    <div class="contenedor">
    <img class="imagen" src="https://media-cdn.tripadvisor.com/media/photo-m/1280/1b/39/85/d3/exterior.jpg" alt="" >
    <img class="imagen" src="https://a9u8z5j7.rocketcdn.me/wp-content/uploads/2018/01/playa_flaminio_paola_sanchez-1024x768.jpg" alt="" >
    <img class="imagen" src="https://s3.amazonaws.com/gn16-yuplondev/1556914625569-1.jpg" alt="" >
    </div>