.memory {
    display: flex;
    flex-direction: column;
    width: 100vw;
    gap: 5rem;
    padding: 5rem;
    justify-content: center;
    align-items: center;

}

.memory__name {
    font-family: var(--title-font);
    font-size: 4rem;
    text-transform: uppercase;

    background: var(--gradient-2);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;

}

.memory__intro {
    font-size: 2rem;
    text-align: center;
    max-width: 900px;
}

.memory__body {
    display: flex;
    flex-direction: row;
    /* flex-flow: row-reverse; */
    gap: 2rem;
    align-items: center;
}

.memory__testimony {
    font-size: 1.5rem;
    padding: 2rem;
    max-width: 900px;
    background-color: rgba(242, 242, 242, 0.531);
    border-radius: 1rem;
    box-shadow: 0 0 0 0.5rem rgba(0, 0, 0, 0.1);
}

.memory__img {
    width: 50vw;
}

.memory__dates {
    text-align: center;
    margin: 4rem;
}

@media screen and (max-width: 60rem) {
    .memory__body {
        flex-direction: column;
    }

    .memory__img {
        max-height: 900px;
        width: 100%;
    }

}



p {
    /* font-size: 1.5rem; */
    margin: 10px;
    padding: 0;

}

figure {
    background-color: black;
    position: relative;
    overflow: hidden;
}


figure.video-embed {
    border-radius: 2rem;
    margin: 5rem auto;
    max-width: 1200px;
}

@media screen and (max-width: 1200px) {
    figure.video-embed {
        border-radius: 0;
        margin: 0 auto;
        width: 100%;
    }

}

figcaption {

    /* see through black background white text and overlayingh the bottom of the image or figure */
    font-size: 1.5rem;
    font-style: italic;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.828);
    color: white;
    padding: 10px;
    margin: 0;

    width: 100%;
    /* position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; */




}


@media screen and (max-width: 60rem) {
    .memory {
        padding: 2rem;
    }

    .memory__body {
        flex-direction: column;
    }

    .memory__img {
        width: 100vw;
    }

    figcaption {
        position: relative;
        background-color: black;
        ;
    }

}