main{
    flex-direction: column;
}

h1{
    margin: 0px auto 50px;
}

img{
    border-radius: 25px;
}

.lightbox-img{
    cursor: zoom-in;
}

.lightbox{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.92);

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 9999;
}

.lightbox img{
    max-width: 90vw;
    max-height: 90vh;
}

.galleryRow{
    display: flex;
    grid-gap: 20px;
    margin: 0px auto 20px;
    max-width: 1200px;
    width: 100%;
}

.galleryRow > *{
    flex-grow: calc(var(--width) * (100000 / var(--height)));
    flex-basis: calc(25px * (var(--width) / var(--height)));
    aspect-ratio: var(--width) / var(--height);
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.galleryRow > * > img{
    position: absolute;
    width: 100%;
    height: 100%;
}