.bd-promotion-thumb-mask {
    /* background: #2e2e30; */
    display: flex;
 
/*     min-height: 100vh; */

}

.bd-promotion-thumb-mask img {
    max-width: 100%;
    width: 210px;
    display: block;
}

.bd-promotion-thumb-mask .person {
    position: relative;
    max-width: 73rem;
    width: 392px;
    margin-inline: auto;
}


.bd-promotion-thumb-mask .person-container {
    aspect-ratio: 1/1.3;
    width: 100%;
    display: flex;
    border-radius: 0 0 100vw 100vw;
    overflow: hidden;
    transition: scale 200ms ease-in-out;
    justify-content: center;
    align-items: flex-end;
    scale: 1.09;

}

@media (max-width: 768px){
    .bd-promotion-thumb-mask .person-container {
        aspect-ratio: 1/1.3;
        scale: 1;
    }    
    .bd-promotion-thumb-mask .person-container:hover {
        scale: 1.09;
    }
    .bd-promotion-thumb-mask .person-container:hover .person-img{
        transform: scale(1.8) translateY(-55px);
    }
}

@media (max-width: 576px){
    .bd-promotion-thumb-mask .person-container {
        aspect-ratio: 1/1.6;
    }    
}

.bd-promotion-thumb-mask .circle {
    aspect-ratio: 1/1;
    position: absolute;
    background: #2486bd;
    object-fit: cover;
    inset: auto 0 0;
    margin-inline: auto;
    border-radius: 200px;
}

.bd-promotion-thumb-mask .person-img {
    position: relative;
    transform: scale(1.8) translateY(-55px);    
    transition: transform 200ms ease-in-out;
}


.bd-promotion-thumb-mask .person-container:hover {
  scale: 1.14;
}
.bd-promotion-thumb-mask .person-container:hover .person-img{
  transform: scale(1.9) translateY(-55px);
}