* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.image-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: black;
}

.bg-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
}

.interactive-btn {
  position: absolute;
  top: 77%;   
  left: 50%;  
  width: 32%; 
  transform: translate(-50%, -50%); 
}

.interactive-btn img {
  width: 100%; 
  height: auto;
  display: block;
}

.interactive-btn:hover {
  transform: translate(-50%, -50%) scale(1.1); 
  transition: transform 0.1s ease;
}