.ourVision {
  @media screen and (min-width: 1024px) {
    background: url("../../../public/images/our-vision/1.png");
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 90% 90%;

    height: 48.375rem;
  }

  position: relative;

  [class~="ribbon"] {
    position: absolute;
    height: 20px;
    right: 0;
    left: 0;
    background-color: #f4f4f4;
    z-index: -1;
  }

  [class~="icon-title"] {
    flex: 1;
  }

  [class~="icon"] {
    flex-basis: 3.25rem;
  }

  [class~="title"] {
    font-size: 2rem;
  }

  [class~="des"] {
    flex: 2.5;
  }

  [class~="image"] {
    [dir="rtl"] & {
      right: unset;
      left: 0;

      img {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
      }
    }

    @media screen and (min-width: 1024px) {
      position: absolute;

      right: 0;
      top: 0;
      bottom: 0;

      height: 48.375rem;
      width: 37rem;
    }
  }
}