#exhibit { height: 100vh; }
#exhibit .container { height: 100vh; max-height: 1500px; }
#exhibit .container #img-container { width: 100%; height: 100%; position: relative; }

#exhibit .container #img-container.randomimage-0 .textspace.above { margin-bottom: 2em; max-width: 900px; }
#exhibit .container #img-container.randomimage-0 .textspace.below { margin-top: 2em; max-width: 900px; }

.textspace p:last-child { margin-bottom: 0 !important; }

/* text color */
.randomimage-1 .textspace { color: white; padding-right: var(--margin); }

.randomimage-1 .textspace { position: absolute; z-index: 1; max-width: 900px; }
.randomimage-1 .textspace.above { top: var(--margin); left: var(--margin); }
.randomimage-1 .textspace.below { bottom: var(--margin); left: var(--margin); }

.randomimage-1 .asset { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

@media only screen and (max-width: 900px)  
{
    #exhibit .container #img-container { height: 85vh; }
    .randomimage-1 .textspace { max-width: none; width: auto; padding-right: 21px; }
    .randomimage-1 .textspace.above { top: 21px; left: 21px; }
    .randomimage-1 .textspace.below { bottom: 21px; left: 21px; }
}