body {
  margin: 0;
} .mainImg {
  background-color: black;
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
} .mainImg svg {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
#bezel{
transform-box: fill-box;
transform-origin: center;
}
#datumkerek{
transform-box: fill-box;
transform-origin: center;
}
#oramut{
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(5px 5px 5px rgba(7, 7, 7, 0.85));
  filter: drop-shadow(7px 7px 7px rgba(7, 7, 7, 0.85));
}
#GMTMut{
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(5px 5px 5px rgba(7, 7, 7, 0.85));
  filter: drop-shadow(7px 7px 7px rgba(7, 7, 7, 0.85));
}#percmut{
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(5px 5px 7px rgba(7, 7, 7, 0.85));
  filter: drop-shadow(7px 7px 7px rgba(7, 7, 7, 0.85));
}
#masodpercmut{
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(5px 5px 7px rgba(7, 7, 7, 0.85));
  filter: drop-shadow(7px 7px 7px rgba(7, 7, 7, 0.85));
}

@media (max-width: 768px) {
  .mainImg{
    background-color: black;
  }
   .mainImg svg{
   width: 160%; 
   height: 160%;
   transform: translateX(-21%);
  }
}