/**
 * Tax Planning page styles
 * Loaded when: #personal-tax-planning is present
 */

#personal-tax-planning {
	.wp-block-media-text__content {
		position: relative;
		z-index: 3;
	}

	.wp-block-media-text__media {
		position: relative;
		overflow: visible;

		&::after {
			content: '';
			position: absolute;
			top: 8.5%;
			left: -14.4%;
			z-index: 2;
			width: min(100%, 594px);
			aspect-ratio: 593.604 / 645.001;
			background: url('../../svg/c-logo-outlined.svg') no-repeat center / contain;
			opacity: 0.3;
			pointer-events: none;
		}

		img {
			position: relative;
			z-index: 1;
		}
	}
}

@media (max-width: 781px) {
	#personal-tax-planning .wp-block-media-text__media::after {
		display: none;
	}
}