main {
	padding-top: 3em;

	img {
		border-radius: 3em;
	}

	@media screen and (1280px <=width) {
		padding-inline: 9vw;
		h2 {
			text-align: center;
		}

		section {
			&:nth-of-type(1) {
				align-items: center;
				grid-template-columns: repeat(9, 1fr);
				grid-template-areas:
					"_1 _1 _1 _1 _1 _1 _1 _1 _1"
					"_2 _2 _2 _2 _2 _3 _3 _3 _3"
					"_5 _5 _5 _5 _4 _4 _4 _4 _4"
					"_6 _6 _6 _6 _6 _7 _7 _7 _7";
			}

			&:nth-of-type(2) {
				grid-template-areas:
					"_1 _1 _1"
					"_2 _2 _2"
					"_3 _3 _3"
					"_4 _4 _4";
			}
		}
	}
}