JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bg"></div>

CSS

.bg {
  position: relative;
  overflow: hidden;
  width: 600px;
  height: 400px;
}
.bg:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url('https://gabestore.ru/category/rtJb7FQovkv0mqfeFLWAz5pOk97fWpi5.jpg');
  background-position: center;
  -webkit-background-size: 120%;
  background-size: 120%;
  transform: scale(1.1, 1.1);
  transition: transform 3s;
}
.bg:hover:before {
  transform: scale(1, 1);
}