Image schaalt niet mee

Ik heb een probleem met het schalen van mijn images, ik gebruik een responsive thema, maar wanneer ik mijn scherm verklein, dan schaalt alleen de border mee, de foto blijft staan. Als ik dit aanpas dan wordt de foto uitgerekt en is de verhouding weg. Wat moet ik in de css toevoegen zodat de foto mooi meeschaalt met de border?
Dit is de afbeelding:

En dit is de code:

.featured-image-container {

    overflow: hidden;
    height: 100px;
    max-width:100%;
    margin-bottom: 15px;
    border:4px solid #fff;
    border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;

-webkit-box-shadow: 1px 2px 1px #d1d1d1;
-moz-box-shadow: 1px 2px 1px #d1d1d1;
box-shadow: 1px 2px 1px #d1d1d1;
}

.featured-image-container img {

}