.circular-large { width: 300px; height: 300px; margin: 0 auto; /* this will center the image */ border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; box-shadow: 0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); } .circular-medium { width: 150px; height: 150px; margin: 0 auto; /* this will center the image */ border-radius: 75px; -webkit-border-radius: 75px; -moz-border-radius: 75px; box-shadow: 0 0 8px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); } .circular-small { width: 100px; height: 100px; margin: 0 auto; /* this will center the image */ border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; box-shadow: 0 0 4px rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .8); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .8); }