.photography-sub .page {
    height: auto;
    padding: calc(var(--container-border-size) + 15px);
    gap: 15px;
    flex-wrap: wrap;
}

.photography-sub .img-container {
	display: block;
	height: calc((100vh - ((var(--container-border-size) + 15px)* 2))/2 - 7.5px);
	flex: 1 1 auto;
	max-width: calc(50% - 7.5px);
	cursor: zoom-in;
}

.photography-sub .img-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.photography-sub .img-container p {
	position: relative;
	color: white;
	width: calc(100% - 30px);
	translate: 0 calc(-100% - 23px);
	background: rgba(0,0,0,0.5);
	margin: 0 15px;
	line-height: 1rem;
	padding: 5px;
	text-align: center;
	transition: all .25s ease-in-out;
	opacity: 0;
	pointer-events: none;
	transform-origin: bottom;
}

.photography-sub .img-container:hover p {
    opacity: 1;
}

@media (max-width: 799px) {
	.photography-sub .page.flex {
		flex-direction: row;
	}

	.photography-sub .img-container {
		max-width: 100%;
	}

	.photography-sub .page {
		padding: calc(var(--container-border-size) * 1.2 + 15px) 15px 15px 15px;
	}
}

@media (max-width: 509px) {
	.photography-sub .img-container img {
		object-fit: cover;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}

	.photography-sub .img-container {
		height: auto;
		width: auto;
		max-width: 100%;
	}

	.photography-sub .img-container p {
		position: absolute;
		width: calc(100% - 60px);
		translate: 0 calc(-100% - 23px);
	}

	.photography-sub .img-container {
		height: auto;
		width: auto;
		max-width: 100%;
	}

	.photography-sub .page {
		gap: 10px;
	}
}