html { overflow-y: scroll; overflow-x:hidden; }
body { position: absolute; }
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.image-hover {
    width: 83px; /* Specify the width */
    height: 83px; /* Specify the height */
    background-image: url('works/door/door-1.png'); /* Initial background image */
    background-size: cover; /* Cover the entire area of the element */
    transition: background-image 0.5s ease-in-out; /* Smooth transition */
}
.image-hover:hover {
    background-image: url('works/door/door-2.png'); /* Change on hover */
}