.timeline-with-photo{grid-template-columns:200px minmax(0,1fr) 160px;align-items:center}
.timeline-photo{display:block;width:160px;margin:0;padding:0;border:2px solid var(--gold);background:#111;box-shadow:8px 9px 0 var(--red);overflow:hidden;transform:rotate(1.5deg);transition:transform .18s ease,box-shadow .18s ease}
a.timeline-photo{cursor:pointer}
.timeline-photo img{display:block;width:100%;height:130px;object-fit:cover;object-position:center}
.timeline-photo-wide img{object-position:center}
.timeline-photo-portrait img{object-position:center 38%}
.timeline-photo-logo{background:#fff}
.timeline-photo-logo img{object-fit:contain;height:100px;padding:10px;background:#fff}
a.timeline-photo:hover,a.timeline-photo:focus-visible{transform:translate(-3px,-3px) rotate(0) scale(1.03);box-shadow:12px 13px 0 var(--red)}
@media(max-width:760px){.timeline-with-photo{grid-template-columns:100px 1fr}.timeline-photo{display:none}}
@media(max-width:520px){.timeline-with-photo{grid-template-columns:1fr}}