body, html {
  height: 100%;
  margin: 0;
}
.magnet{
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-inline: auto; 
  width: fit-content;
    top: 50%;
    transform: translateY(-50%);
}
.bg {
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}