.project--details-container {
	background-color: $background;
	overflow: hidden;
	padding-top: 3.5rem;

	.project--details-header {
		align-items: flex-start;
		color: $text;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin: 0 auto;
		max-width: 90%;
		min-height: calc(100vh - 3rem);
		padding-top: 4rem;
		position: relative;
		z-index: 2;

		.project--header-subtitle {
			max-width: 320px;
		}

		.project--header-image-container {
			max-width: 500px;
			position: relative;
			top: 6rem;
			width: 500px;

			.project--header-image {
				max-width: 100%;
			}
		}
	}
}

.project--details-container {
	background-color: $background;
	overflow: hidden;
	padding-top: 3.5rem;

	.project--details-header {
		align-items: flex-start;
		color: $text;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin: 0 auto;
		max-width: 90%;
		min-height: calc(100vh - 3rem);
		padding-top: 4rem;
		position: relative;
		z-index: 2;

		.project--header-subtitle {
			max-width: 320px;
		}

		.project--header-image-container {
			max-width: 500px;
			position: relative;
			top: 6rem;
			width: 100%;

			.project--header-image {
				max-width: 100%;
			}
		}
	}
}

Fix width issue on mobile.
Fix width issue on mobile.
