.img-heading {
    background-size: cover;
    background-position: center;
    background-repeat: none;
    min-height: 30vh;
    min-width: 50%;
}
.small-side{

    display: flex;
    justify-content: center;
}


section.early-life .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-1-black.png);
}

section.early-life .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-1-white.png);
}

/* huuuuu la laa */

 p {
    padding: 5vw 2vh;
}

section.content > .large-side {
    display: flex;
    justify-content: center;
}
section.content > .large-side > img{
    border-radius: 1rem; 
}


section.beginning-creer .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-2-black.png);
}

section.beginning-creer .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-2-white.png);
}

section.golden-age .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-3-black.png);
}

section.golden-age .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-3-white.png);
}

section.star-again .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-5-black.png);
}

section.star-again .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-5-white.png);
}

section.legendary-legacies .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-6-black.png);
}

section.legendary-legacies .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-6-white.png);
}
section.forever .small-side .img-heading.black-img {
    background-image: url(img/buster-keaton-7-black.png);
}

section.forever .small-side .img-heading.white-img {
    background-image: url(img/buster-keaton-7-white.png);
}























@media only screen and (max-width: 750px) {

.early-life{
    flex-direction: column-reverse;
}
.golden-age{
    flex-direction: column-reverse;
}
.legendary-legacies{
    flex-direction: column-reverse;
}




.small-side .img-heading{
    min-width: 40vw;
    margin-bottom: 4vh;
}
.wide-narrow> :first-child{
    border: none;
}

 .large-side > img{
    max-width: 80vw;
}

























}