.timeline-img {
    filter: grayscale(80%);
    position: absolute;
    top: 62px;
    z-index: 30;
    height: 100px;
    width: 100px;
}

.timeline-img.square {
    height: 62px;
    width: 62px;
    top: 75px;
}

.timeline-img.portrait {
    height: 83px;
    width: 83px;
    left: 20px;
}

.contactsheet-img {
    filter: grayscale(80%);
    position: absolute;
    z-index: 30;
    height: 119px;
    width: 119px;
}
.contactsheet-img.square {
    height: 100px;
    width: 100px;
}

.contactsheet-img.portrait {
    height: 95px;
    width: 95px;
}

img.watermark {
    z-index: 1000;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 40px;
    width: 40px;
}

img.watermark.left-align {
    right: auto;
    left: 5px;
}

svg.watermark {
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
}

svg.watermark text {
    font-family:'Barlow Condensed';
    font-weight:bold;
    font-size:18px;
    fill:#ffffff;
    text-anchor:end;
    stroke:#104e78;
    stroke-width:0.5px;
}

svg.watermark text.shadow {
    fill:#104e78;
    stroke-width: 0;
}

svg.watermark.left-align text {
    text-anchor: start;
}

svg.blur-behind {
    backdrop-filter: blur(1px);
}