.image-with-text.genstore-container.full-screen {
      padding-left: 0;
      padding-right: 0;
    }

      .image-with-text.genstore-container.full-screen .ImageWithText__box {
        padding-right: 48px;
      }

      .image-with-text.genstore-container.full-screen .ImageWithText__box.reverse {
          padding-left: 48px;
          padding-right: 0;
        }
  .image-with-text .ImageWithText__box {
    display: flex;
    gap: 48px;
  }
  .image-with-text .ImageWithText__box.top {
      align-items: flex-start;
    }
  .image-with-text .ImageWithText__box.middle {
      align-items: center;
    }
  .image-with-text .ImageWithText__box.bottom {
      align-items: flex-end;
    }
  .image-with-text .ImageWithText__box.overlap {
      gap: 0;
    }
  .image-with-text .ImageWithText__box.overlap .ImageWithText__content-wrapper {
        margin-left: -72px;
      }
  .image-with-text .ImageWithText__box.overlap .ImageWithText__content-wrapper.top {
          padding-top: var(--genstore-spacing-vertical-1800);
        }
  .image-with-text .ImageWithText__box.overlap .ImageWithText__content-wrapper.bottom {
          padding-bottom: var(--genstore-spacing-vertical-1800);
        }
  .image-with-text .ImageWithText__box.overlap.reverse .ImageWithText__content-wrapper {
          margin-right: -72px;
          margin-left: 0;
        }
  .image-with-text .ImageWithText__box.full-width {
      max-width: 100%;
    }
  .image-with-text .ImageWithText__box.reverse {

      flex-direction: row-reverse;
    }
  .image-with-text .ImageWithText__box .ImageWithText__image-wrapper {
      position: relative;
      flex: 1;
    }
  .image-with-text .ImageWithText__box .ImageWithText__image-wrapper.image-height-small {
        aspect-ratio: 1.78
      }
  .image-with-text .ImageWithText__box .ImageWithText__image-wrapper.image-height-medium {
        aspect-ratio: 1.33
      }
  .image-with-text .ImageWithText__box .ImageWithText__image-wrapper.image-height-large {
        aspect-ratio: 1

      }
  .image-with-text .ImageWithText__box .ImageWithText__image-wrapper.image-height-xl {
        aspect-ratio: 0.75
      }
  .image-with-text .ImageWithText__box.image-width-small .ImageWithText__content-wrapper {
        min-width: 720px;
        max-width: 840px;
      }
  .image-with-text .ImageWithText__box.image-width-medium .ImageWithText__content-wrapper {
        min-width: 600px;
        max-width: 720px;
      }
  .image-with-text .ImageWithText__box.image-width-large .ImageWithText__content-wrapper {
        min-width: 480px;
        max-width: 600px;
      }
  .image-with-text .ImageWithText__box.image-width-xl .ImageWithText__content-wrapper {
        min-width: 360px;
        max-width: 480px;
      }
  .image-with-text .ImageWithText__box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper {
      display: flex;
      flex-direction: column;
      width: 100%;
    }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper .ImageWithText__content {

        padding-top: var(--genstore-spacing-vertical-1800);
        padding-bottom: var(--genstore-spacing-vertical-1800);
      }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper .ImageWithText__content.content-align-left {
          text-align: left;
        }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper .ImageWithText__content.content-align-right {
          text-align: right;
        }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper .ImageWithText__content.content-align-right .banner__box {
            align-items: flex-end;
          }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper .ImageWithText__content.content-align-center {
          text-align: center;
        }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper .ImageWithText__content.content-align-center .banner__box {
            align-items: center;
          }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper.top {
        justify-content: flex-start;
      }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper.middle {
        justify-content: center;
      }
  .image-with-text .ImageWithText__box .ImageWithText__content-wrapper.bottom {
        justify-content: flex-end;
      }

@media only screen and (max-width: 780px) {
    .image-with-text .ImageWithText__box {
      gap: 0;
      flex-direction: column;
      padding: 0 !important;
    }
        .image-with-text .ImageWithText__box.overlap .ImageWithText__content-wrapper {
          padding-left: 16px;
          padding-right: 16px;
        }

        .image-with-text .ImageWithText__box.overlap .ImageWithText__content {
          padding: 0 !important;
          margin-top: -24px;
        }
          .image-with-text .ImageWithText__box.overlap.reverse .ImageWithText__content {
            margin-bottom: -24px;
          }

      .image-with-text .ImageWithText__box.reverse {
        padding-left: 0 !important;
        padding-right: 0;
        flex-direction: column-reverse;
      }

        .image-with-text .ImageWithText__box.reverse .banner__box {
          margin-right: 0;

        }

      .image-with-text .ImageWithText__box .ImageWithText__content-wrapper {
        min-width: 100% !important;
        max-width: 100% !important;
        width: 100%;
        margin-left: 0 !important;
      }

        .image-with-text .ImageWithText__box .ImageWithText__content-wrapper .ImageWithText__content {
          padding: 0 !important;
        }

        .image-with-text .ImageWithText__box .ImageWithText__content-wrapper .banner__box {
          margin-right: 0;
          max-width: 100%;
          padding: var(--genstore-spacing-vertical-1800) var(--genstore-spacing-horizontal-1800)
        }

      .image-with-text .ImageWithText__box .ImageWithText__image-wrapper {
        flex: unset;
        width: 100%;
      }
}
#hover-image {
  display: none;
}
@media only screen and (min-width: 780px) {
  .hover_image_wrapper {
    /* 当hover-image-target被鼠标悬停时，显示hover-image */
  }
    .hover_image_wrapper .hover_image_box {
      position: relative;
    }
    .hover_image_wrapper img {
      object-fit: unset !important;
    }
    .hover_image_wrapper .hover-image-target {
      height: auto !important;
    }
    .hover_image_wrapper #hover-image {
      position: absolute;
      left: -55.23%;
      top: 0;
      z-index: 99;
      height: 100%;
      width: auto;
    }
    .hover_image_wrapper .hover_image_box:hover #hover-image,
    .hover_image_wrapper #hover-image:hover {
      display: block;
      transition: all 0.5s ease-in-out;
    }
}