Images
1:1
<div class="o-crop o-crop--1:1">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>
1:3
<div class="o-crop o-crop--1:3">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>
2:1
<div class="o-crop o-crop--2:1">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>
2:3
<div class="o-crop o-crop--2:3">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>
4:3
<div class="o-crop o-crop--4:3">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>
10:8
<div class="o-crop o-crop--10:8">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>
10:16
<div class="o-crop o-crop--10:16">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>
16:6
<div class="o-crop o-crop--16:6">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>
16:9
<div class="o-crop o-crop--16:9">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>
20:8
<div class="o-crop o-crop--20:8">
<img class="o-crop__content o-crop__content--center" src="http://sundance.org/image.jpg">
</div>