.container {
    margin: 7% 7% 0 7%;
}
.circle-border {
     border: 3px solid;
     border-radius: 50%;
}

#circle {
    height: 0;
    padding-bottom: 100%;
    
    border-radius: 50%;
    background-image: url('../img/bg.png');
    background-size: 50% 100%;
    background-repeat: no-repeat;
    -webkit-transition-duration: 3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-duration: 3s;
    transition-timing-function: ease-in-out;
    background-color: #f25454;
}
.result {
    text-align: center;
}
.marker {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid black;
    margin: 6px auto;
}