<div class="imgBg">
</div>
<div class="imgHolder">
  <img src="https://gandalf458.co.uk/images/azJ7ZkOC4jQmzoo7svRW--1--czxes.jpg" alt="" width="300" height="300">
</div>

.imgBg, .imgHolder {
  width: 600px;
  height: 300px;
}
.imgBg {
  inset: -10px;
  background: url(https://gandalf458.co.uk/images/azJ7ZkOC4jQmzoo7svRW--1--czxes.jpg) center center / cover no-repeat;
  filter: blur(10px) saturate(0.8);
  opacity: 0.9;
}
.imgHolder {
  position: relative;
  top: -300px;
}
.imgHolder img {
  display: block;
  margin: 0 auto;
}