.marquee {
  .title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2% 0;
    & > span {
      border: 4px solid yellow;
      padding: 1% 2%;
      border-radius: 15px;
      box-shadow: #a9a214;
    }
  }
  .marqueeMay-content {
    width: 100%;
    padding-top: 100%;
    position: relative;
    .marquee01 {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      & > div {
        width: 100% !important;
        height: 100% !important;
        & > canvas {
          width: 100% !important;
          height: 100% !important;
          transform: scale(1) !important;
        }
      }
      .theMarqueeStartBtn {
        position: absolute;
        width: 30% !important;
        height: 30% !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
      }
    }
  }
}
