.hero-overlay-img {
    top:unset;
    bottom:0;
}
#p101-102 blockquote {
    position: relative;
    color:var(--bs-dark-color);
}
@media(max-width:1199.98px) {
    #p101-102 .overlay-caption {
        position: relative;
        margin-top:3rem;
    }
}

@media(min-width:1200px) {
    #p101-102 .overlay-caption {
        align-items: flex-start;
        top:5%;
    }
}

.p105-row-up {
    position: relative;
    margin-top: 0rem;
}

@media(min-width:768px) {
    .p105-row-up {
        margin-top: -15rem;
    }
}
@media(min-width:1440px) {
    .p105-row-up {
        margin-top: -18rem;
    }
}
#p105-106 .hero-author {
    bottom: unset;
    top:1rem;
}

.p109-row-up {
    margin-top: 0rem;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}

@media(min-width:768px) {
    .p109-row-up {
        margin-top: -10rem;
        flex-direction: row;
    }
}
#p109-110 .hero-author {
    bottom: unset;
    top:1rem;
}

#p112 .hero-author {
    bottom: unset;
    top:1rem;
    text-align: left;
}

#ch04-1-hero .hero-author {
    bottom: unset;
    top: 0;
}

#p117-118 .hero-author {
    bottom: unset;
    top:1rem;
}



#ch04-2-hero .hero-overlay-caption {
    align-items: flex-end;
}

:lang(en-us) #ch04-2-hero .hero-overlay-caption h1 {
    line-height: 90%;
}
#ch04-2-hero .hero-author {
    top:0;
}

.p123-info-1,
.p123-info-2,
.p123-info-3,
.p123-info-4 {
    position: absolute;
}

.p123-info-1 {
    width: 20%;
    height: auto;
    bottom: 22%;
    left: 9%;
}
:lang(en-us) .p123-info-1 {
    width: 25%;
    height: auto;
    bottom: 20%;
    left: 14%;
}
.p123-info-2 {
    width: 42%;
    height: auto;
    top:5%;
    left:18%;
}
.p123-info-3 {
    width: 15%;
    height: auto;
    bottom: 13%;
    left: 43%;
}
:lang(en-us) .p123-info-3 {
    width: 23.5%;
    height: auto;
    bottom: 8%;
    left: 43.5%;
}
.p123-info-4{
    width: 5%;
    height: auto;
    bottom: 22%;
    right: 14%;
}
:lang(en-us) .p123-info-4 {
    width: 7%;
    height: auto;
    bottom: 22%;
    right: 12%;
}


.p131-rowup {
    position: relative;
    margin-top:-10rem;
}
@media(min-width:576px) {
    .p131-rowup {
        margin-top:-20rem;
    }
}
@media(min-width:768px) {
    .p131-rowup {
        margin-top:0rem;
    }
}
#p131-132 .hero-author {
    bottom: unset;
    top: 1rem;
    text-align: left;
}
.p131-info {
    position: absolute;
    width: 30%;
    height: auto;
    top: 10%;
    left: 5%;
}
:lang(en-us) .p131-info {
    position: absolute;
    width: 60%;
    height: auto;
    top: 10%;
    left: 5%;
}

#p133-134 .hero-author {
    bottom: unset;
    top: 1rem;
}
.p134-info {
    position: absolute;
    width: 60%;
    height: auto;
    bottom: -11%;
    right: 2%;
}
:lang(en-us) .p134-info {
    width: 70%;
}
@media (min-width:992px) {
    .p135-fig1 {
        width: 80% !important;
    }
}
/*
.p135-info {
    position: absolute;
    width: 30%;
    height: auto;
    top: 10%;
    left: 0;
}
:lang(en-us) .p135-info {
    width: 40%;
    left: -10%;
}
*/

#p135-136 .hero-author {
    bottom: unset;
    top:1rem;
}

.p136-info {
    position: absolute;
    width: 30%;
    height: auto;
    bottom: 10%;
    left: 10%;
}
:lang(en-us) .p136-info {
    position: absolute;
    width: 48%;
    height: auto;
    bottom: 6%;
    left: 6%;
}

#p137-138 .hero-author {
    /* bottom: unset;
        top:1rem; */
    top:unset;
    bottom: -3rem;
}

@media (min-width:992px) {
    #p137-138 .hero-author {
        /* bottom: unset;
            top:1rem; */
        top:unset;
        bottom: -7rem;
    }
}

.p137-info-1 {
    position: absolute;
    width: 24%;
    height: auto;
    top: 10%;
    left: 8%;
}
.p137-info-2 {
    position: absolute;
    width: 30%;
    height: auto;
    bottom: 18%;
    left: 30%;
}

.location-pin {
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-size: 1.4rem;
}
.location-pin::before {
    content:"";
    display: inline-block;
    width: 2rem;
    height: 2.4rem;
    background: url(../img/ch04/location-pin.webp) no-repeat center center / contain;
    margin-right: 0.4rem;
}