/*.agent-headshot img {
    max-width: 100%;
    height: auto;
}*/

.agent-headshot {
    /*background: #EEE;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(0, 0, 0, .5);*/
    position: relative;
}
.agent-headshot:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.agent-headshot-inner {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    transition: opacity .1s;
}

.agent-headshot-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    overflow: hidden;
}

.agent-headshot-inner .centered {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate(50%,50%);
}

.agent-headshot img {
    max-height: 18rem;
    top: 0;
    left: 0;
    position: absolute;
}

.agent-headshot-inner .centered img {
    transform: translate(-50%,-50%);
}