CSS: Image Rounded Corner (BORDER+SHADOW)

<head>
<style>
.outer {
    width: 150px;
    height: 150px;
    -webkit-box-shadow: 0px 0px 10px #4d4d4d;
    -moz-box-shadow: 0px 0px 10px #4d4d4d;
    box-shadow: 0px 0px 10px #4d4d4d;
    -webkit-border-radius: 8px;
    -moz-border-radius: 1px;
    -khtml-border-radius: 8px;
    border-radius: 100px;
    border:solid white 1px;
    overflow: hidden;
    padding: 1px;
}
.image {
    background: white;
    padding: 0;
     -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 100px;
    width: 150px;
    height: 150px;
    overflow: hidden;
}
</style>
</head>


<body>
<div class="outer">
    <div class="image">
        <img src="https://www.selasar.com/files/teaser-alfan.jpg" />
    </div>
</div>
</body>