.logo-wrapper {
    position: relative;
    min-height: 80vh;
}
.logo-animated {
  position: absolute;
  left: 50%;
  top: 60%;
  width: min(55vw, 800px);
  transform: translate(-50%, -50%);
  z-index: 30;
  pointer-events: none;
  cursor: default;
}

.logo-animated.is-final {
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
}

.logo-animated svg {
  display: block;
  width: 100%;
  height: auto;
}

.letter-inline-svg {
  width: 260px !important;
  max-width: 100%;
  height: auto;
  display: block;
}

.elementor-widget-image:has(svg) {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 600px) {
    .logo-wrapper {
        min-height: 70vh;
    }
    .log-animated {
        top: 50%;
    }
}