JMCTHome/src/pages/A1home/index.module.scss

.A1home {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  :global {
    .logo {
      position: fixed;
      width: 8%;
      top: 4%;
      left: 2%;
      object-fit: contain;
    }

    .active {
      .title {
        animation: fade-in-out-in 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
      }
      .pic {
        -webkit-animation: flip-vertical-right 0.6s
          cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
        animation: flip-vertical-right 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
      }
    }

    @media screen and (max-width: 768px) {
      .arrowAnimation {
        .arror,
        .arrorBg {
          height: 65px;
        }
        .arror {
          width: 28px;
        }
      }
    }
  }
}