.fixed-ratio {
  width: 30em;
  margin: 5em auto;
  background: rgba(255, 255, 0, 0.5);
  position: relative; }
  .fixed-ratio:before {
    content: '';
    padding-bottom: 100%;
    display: block;
    background: rgba(255, 0, 0, 0.5); }
  .fixed-ratio .content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 255, 0.5);
    overflow: hidden;
    padding: 1em; }

/*# sourceMappingURL=fixed-aspect-ratio.css.map */