.decorative-shapes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: center;

	&__shape {
		// background-color: red;
		// display: flex;
		// align-items: center;
		// justify-content: center;
		svg {
			// background-color: blue;
			width: 100%;
			max-width: 200px;
			height: auto;
			aspect-ratio: 1/1;
			object-fit: contain;
		}
	}

	&--big {
		padding: 0rem 2rem;
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: 6rem;

		.decorative-shapes__shape {
			display: block;
			width: 100vw;
			max-width: 250px;
			svg {
				max-width: 800px;
				max-height: 800px;
			}
		}
	}
}
