.about-hero-row {
    min-height: 0;
}

.about-details-row {
    margin-top: 1rem;
}

.hero-image-section.about-polaroid-wrap {
    position: relative;
    right: 0;
    width: 100%;
    padding-left: 24px;
}

.about-polaroid {
    width: min(305px, calc(100% - 24px));
    margin: 0;
    padding: 12px 12px 38px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(25, 28, 32, .10), 0 2px 5px rgba(25, 28, 32, .05);
    transform: rotate(1.25deg);
}

.about-polaroid img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: 54% 50%;
}

.about-childhood-polaroid {
    width: 85%;
    margin: 0 auto 12px;
    padding: 7px 7px 22px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(25, 28, 32, .10), 0 2px 5px rgba(25, 28, 32, .05);
    transform: rotate(-1.75deg);
}

.about-childhood-polaroid .figure-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

.about-childhood-photo .figure-caption {
    position: relative;
    max-width: 175px;
    margin: 30px auto 0;
    color: var(--warm-ink-soft, #646b76);
    font-family: "Caveat", cursive;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: .01em;
    transform: rotate(-1deg);
}

.about-childhood-photo .figure-caption::before {
    position: absolute;
    top: -32px;
    right: 24px;
    color: currentColor;
    content: "⤴";
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    opacity: .78;
    transform: rotate(-18deg);
}

body.dark-mode .about-polaroid,
body.dark-mode .about-childhood-polaroid {
    background: #3d4144;
}

body.dark-mode .about-childhood-photo .figure-caption {
    color: #c3c8cf;
}

@media (min-width: 768px) {
    .about-hero-copy {
        align-items: flex-start !important;
        padding-top: 15px;
    }

    .about-details-row {
        margin-top: -3rem;
    }

    .about-childhood-column {
        padding-left: 0;
    }

    .about-childhood-photo {
        position: relative;
        left: -18px;
    }

    .about-details-copy {
        padding-left: 0;
    }

    .hero-image-section.about-polaroid-wrap {
        padding-left: 24px;
    }
}

@media (max-width: 767px) {
    .about-hero-row {
        min-height: 0;
    }

    .hero-image-section.about-polaroid-wrap {
        margin: 24px 0 48px;
        padding-left: 0;
    }

    .about-polaroid {
        width: min(340px, calc(100% - 28px));
        padding: 10px 10px 32px;
        transform: rotate(.75deg);
    }
}