.quote{height:300px;margin:3rem auto;position:relative;width:300px}.quote__wrapper{height:100%}.quote__image{position:absolute}.quote__container{border-radius:50%;display:inline-block;height:81%;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:81%}.quote__content{border:0;font-family:"Source Serif Pro",serif;left:50%;margin:.5rem 0 0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.quote__text{font-size:1.25rem;font-style:italic;font-weight:600;height:100%;line-height:1.4;margin:0;text-align:center;width:200px}.quote__author{font-size:1rem;font-weight:400;margin:1rem 0 0;text-align:center}@media only screen and (min-width:380px){.quote{height:350px;width:350px}}@media only screen and (min-width:480px){.quote{height:400px;margin:5rem auto;width:400px}.quote__text{font-size:1.375rem}}@media only screen and (min-width:768px){.quote{height:450px;width:450px}.quote__text{font-size:1.25rem;width:250px}}.quote--outline .quote__container{inset:auto 0 0 auto}