Hover Image with Editable Background

.background { background-image: url('https://i.pinimg.com/736x/3d/6c/56/3d6c56ed1b34ac00d921f9670ad88d26.jpg'); background-size: cover; background-position: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .hover-image { width: 50vw; height: auto; transition: transform 0.3s ease; cursor: pointer; } .hover-image.hovered { transform: scale(1.42); }