.app-container {
  .gallery-text {

    .gallery-text__container {
      display: flex;
   flex-direction: column;
      padding: 48px 100px;
      z-index: 1;
      max-width: 1192px;
      margin: 0 auto;
      position: relative;
      z-index: 3;
      gap:48px;
      align-items: center;
      @media (max-width: 1000px) {
        padding: 32px;
        @media (max-width:768px) {
          gap:32px;

           }
      }
    
      @media (max-width: 768px) {
        flex-direction: column;
      }
      .gallery-text__header {
       max-width: 768px;
       margin:auto;
      }
       p {
        text-align: center;
        margin-bottom: 0;
       }
       em {
        position: relative;
        font-style: normal;
        &::after {
          content: "";
          position: absolute;
          left: -3px;
          bottom: -4px;
          z-index: -1;
          display: block;
          width: 139px;
  height: 16px;
  background: url("data:image/svg+xml;utf8,<svg width='150' height='16' viewBox='0 0 150 16' xmlns='http://www.w3.org/2000/svg' fill='none'><path d='M2 10.321C31.3364 8.90705 60.679 7.45909 90.1661 7.07657C109.17 6.83001 128.171 7.23293 147.161 7.52101' stroke='%232EA49D' stroke-width='4' stroke-linecap='round' stroke-dasharray='300.21 0.1'/></svg>") no-repeat center;
  background-size: contain;
        }
      }
     
    }
  }
  .gallery-text__image {
    @media (max-width:768px) {
      display: none;
    }
    &.mobile {
      display: none;
      @media (max-width:768px) {
        display: flex;
      }
    }
    img {
      position: relative;
      left: 50%;
      width: 100vw;
      max-height: 600px;
      object-fit: contain;
      transform: translateX(-50%);
      @media (max-width:768px) {
     max-height: none;;
      }
    }
  }
}

.gallery-text.is-prep .title,
.gallery-text.is-prep .button {
  opacity: 0;
  transform: translateY(24px);
}

.gallery-text.animate-in .title {
  animation: ctaFadeUp 0.7s cubic-bezier(0.22, 0.65, 0.25, 1) both;
}
.gallery-text.animate-in .button {
  animation: ctaSlideIn 0.6s cubic-bezier(0.22, 0.65, 0.25, 1) 0.2s both;
}

@keyframes ctaFadeUp {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.98);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@keyframes ctaSlideIn {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.gallery-text .button {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
  .gallery-text.animate-in .title,
  .gallery-text.animate-in .button {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}