Frontend Portal

<div class="container">

  <div class="card">

    <img src="img/01.jpg">

  </div>

  <div class="card">

    <img src="img/02.jpg">

  </div>

  <div class="card">

    <img src="img/03.jpg">

  </div>

  <div class="card">

    <img src="img/04.jpg">

  </div>

</div>

.container {

  display: flex;

  width: 400px;

}



.card {

  height: 200px;

  flex: 1;

  transition: .7s;

}



.card:hover {

  flex: 3;

}



.card img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}