.textWallLeft {
  width: 100%;
  height: 80vh;
  display: flex;

  .pic {
    width: 20%;
    height: 100%;
    background-color: black;

    img {
      width: 100%;
      height: 100%;
			object-fit: cover;
			object-position: center;
		}
  }

  .text {
    width: 80%;
    height: 100%;
    background-color: var(--l);
    position: relative;
    padding-top: 7rem;

    h3 {
      background-color: var(--d);
      color: var(--l);
      display: inline-block;
      padding: 0.5rem;
      font-size: 150%;
      position: absolute;
      top: 10%;
      right: -10%;
    }

    .box {
      display: flex;
      flex-direction: column;
      gap: 1rem;

      p {
        line-height: 25px;
      }
    }
  }
}

@media (min-width: 568px) {
  .textWallLeft {
    .pic {
      width: 40%;
      height: 100%;
      background-color: black;
    }

    .text {
      width: 60%;
      height: 100%;
      background-color: var(--l);
      position: relative;
      padding-top: 7rem;

      h3 {
        display: inline-block;
        padding: 0.7rem;
        font-size: 180%;
        position: absolute;
      }

      .box {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 2rem;

        p {
          line-height: 30px;
          font-size: 120%;
        }
      }
    }
  }
}