header.page-works {
  margin-bottom: 0;
}

.works-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 2em;

    figure {
        display: flex;
        flex-flow: column nowrap;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 150px;
        justify-content: center;
        align-content: center;

        figcaption {
            font-size: small;
            text-align: center;
            margin-top: .5em;
        }
    }
}

.work-teaser {
  opacity: 0;
  transform: scale(1.25) translateY(2em);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Eingeblendeter Zustand */
.work-teaser.visible {
  opacity: 1;
  transform: scale(1) translateY(0);
}

img.circle-image {
    border-radius: 0%!important;
    max-width: 150px;
}