<div class="image-container">
  <img class="image-container__img" src="https://images.unsplash.com/photo-1573865526739-10659fec78a5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=715&q=80" alt="">
</div>

.image-container {
  width: 480px;
  height: 270px;
  background-image: url(https://images.unsplash.com/photo-1573865526739-10659fec78a5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=715&q=80);
  background-size: cover;
  background-position: center;
}

.image-container__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}