.block-mindfulness {
  //padding-top: 75vh;
  //
  //@media screen and (max-width: 1200px) {
  //  padding-top: 0;
  //}
  &__inner {
    padding: 176px 0 214px 0;

    @include breakpoint-down('deskL') {
      padding: 182px 0;
    }

    @include breakpoint-down('deskM') {
      padding-bottom: 189px;
    }

    @include breakpoint-down('deskS') {
      padding: 88px 0 112px 0;
    }

    @include breakpoint-down('tabM') {
      padding: 96px 0;
    }
  }

  &__desc {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;

    @include breakpoint-down('deskL') {
      max-width: 620px;
    }

    @include breakpoint-down('deskS') {
      max-width: 511px;
    }
  }

  &__animation {
    background-color: rgba(255, 255, 255, 1.00);
    width: 240px;
    height: 70px;
    margin: 0 auto;
    margin-bottom: 48px;

    @include breakpoint-down('deskS') {
      margin-bottom: 24px;
    }
  }

  &__canvas {
    position: absolute;
    display: block;
    background-color: rgba(255, 255, 255, 1.00);
  }

  &__overlay {
    pointer-events: none;
    overflow: hidden;
    width: 240px;
    height: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
  }
}