--------------------
SVG mask
Как вариант решения, - применение SVG mask для вырезания круглого изображения. Применение маски дает возможность более интересно сделать границу полупрозрачной.
Применение svg делает изображение полностью адаптивным к любому размеру гаджета.
Работает во всех современных браузерах включая IE11, Edge
Вариант с анимацией не работает в IE11, Edge
.simpson {
background: rgb(238,174,202);
background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,208,233,1) 100%);
}
svg {
width:100%;
height:100%;
}
.container {
width:25%;
height:25%;
display: inline-block;
}