#intro .content {
  position: relative; }
  #intro .content .intro-content {
    will-change: transform, opacity; }
    @media screen and (max-width: 767px) {
      #intro .content .intro-content {
        position: absolute;
        bottom: 15%;
        height: auto; } }
    @media screen and (min-width: 768px) {
      #intro .content .intro-content {
        display: inline-flex;
        flex-direction: column;
        height: 100%;
        justify-content: center; } }
    #intro .content .intro-content .subtitle {
      position: relative;
      padding: 10px 15px; }
      #intro .content .intro-content .subtitle::after {
        content: '';
        width: 93%;
        height: 60px;
        display: block;
        position: absolute;
        top: -1px;
        background: var(--green);
        z-index: -1;
        left: 0; }
  #intro .content .intro-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter: drop-shadow(5px 5px 15px var(--dark-darker));
    object-fit: contain;
    object-position: bottom right;
    will-change: transform, opacity; }
    #intro .content .intro-image__wrapper {
      position: absolute;
      right: 0;
      bottom: 2px;
      width: 100%;
      height: 100%; }
      @media screen and (min-width: 768px) {
        #intro .content .intro-image__wrapper {
          max-width: 50%; } }

/*# sourceMappingURL=intro.css.map */