.textWallRight {
	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%;
			left: -10%;
		}

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

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

@media (min-width: 568px) {
	.textWallRight {
		.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;
				top: 10%;
				left: -10%;
			}

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

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