.content {
    /* background: url(/assets/img/placeholder.svg) no-repeat center center; */
    background-size: cover;
}

.content img {
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.content img.lazyloaded {
    background: rgb(255, 255, 255);
}

.fit-height {
    height: 101%;
}

.fit-width {
    width: 101%;
}

.play-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10vh;
    background-image: url(/assets/img/play-button.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%);
}

.play-video-button::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.play-audio-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10vh;
    background-image: url(/assets/img/play-button.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%);
}

.play-audio-button::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* Branding Overlays */

/* Individual Tweaks */
.proj-item-container.bigs .content>video {
    -webkit-transform: translateX(-60%) translateY(-50%);
    -moz-transform   : translateX(-60%) translateY(-50%);
    -ms-transform    : translateX(-60%) translateY(-50%);
    transform        : translateX(-60%) translateY(-50%);
}