.photography .page-column .page-inner-part {
    background-size: cover;
}

.photography .page-column .page-inner-part.cityscape {
    background-image: url(../images/photography/cityscape/nuremberg-1.webp);
}

.photography .page-column .page-inner-part.landscape {
    background-image: url(../images/photography/landscape/kiedrich-1.webp);
}

.photography .page-column .page-inner-part.street {
    background-image: url(../images/photography/street/frankfurt-1.webp);
}

.photography .page-column .page-inner-part.other {
    background-image: url(../images/photography/others/camera.webp);
}


.photography .page-column:first-child .page-inner-part:first-child, 
.photography .page-column:last-child .page-inner-part:first-child {
    padding-bottom: 0;
    padding-top: var(--container-border-size);
}

.photography .page-column:first-child .page-inner-part:first-child,
.photography .page-column:first-child .page-inner-part:last-child {
    padding-right: 0;
    padding-left: var(--container-border-size);
}

.photography .page-column:first-child .page-inner-part:last-child,
.photography .page-column:last-child .page-inner-part:last-child {
    padding-top: 0;
    padding-bottom: var(--container-border-size);
}

.photography .page-column:last-child .page-inner-part:first-child,
.photography .page-column:last-child .page-inner-part:last-child {
    padding-left: 0;
    padding-right: var(--container-border-size);
}


.page-inner-part:hover::before {
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	background: rgba(0,0,0,.5);
	color: white;
}

.page-inner-part.cityscape:hover::before {
    content: "Cityscape / Architecture";
}

.page-inner-part.landscape:hover::before {
    content: "Landscape";
}

.page-inner-part.street:hover::before {
    content: "Street";
}

.page-inner-part.other:hover::before {
    content: "Other";
}

@media (max-width: 799px) {
    .photography .page-column:first-child .page-inner-part:first-child, 
	.photography .page-column:first-child .page-inner-part:last-child,
	.photography .page-column:last-child .page-inner-part:first-child, 
	.photography .page-column:last-child .page-inner-part:last-child {
		padding: 0;
	}

    .page-inner-part::before {
        display: flex;
        width: 100%;
        height: 100%;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        background: rgba(0,0,0,.5);
        color: white;
    }

    .page-inner-part.cityscape::before {
        content: "Cityscape / Architecture";
    }
    
    .page-inner-part.landscape::before {
        content: "Landscape";
    }
    
    .page-inner-part.street::before {
        content: "Street";
    }

    .page-inner-part.other::before {
        content: "Other";
    }
}