@charset "utf-8";

.president-container{
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 50px min(100px, 5vw);
}

.president-txt{
	display: grid;
	grid-template-rows: 1fr auto;
	order: 1;
}

.president-img{
	text-align: right;
	order: 2;
	img{
		max-width: 100%;
		width: 100%;
		margin-top: 70px;
	}
}

@container style(--is-mobile: true) {
	.president-container{
		display: block;
	}
	.president-txt{
		display: block;
		margin-top: 40px;
	}
	.president-name{
		margin-top: 30px;
	}
	.president-img img{
		margin-top: 50px;
	}
}