/****************************
-- Positioning --
****************************/
img,
svg {
  display: block;
  max-width: 100%;
}

.img-wrap {
  display: block;
  height: 0;
  position: relative;
  width: 100%;
}

.img-wrap.w16h9 {
  padding-bottom: 56.25%;
}

.img-wrap.w16h10 {
  padding-bottom: 62.5%;
}

.img-wrap.w5h4 {
  padding-bottom: 80%;
}

.img-wrap.w4h3 {
  padding-bottom: 75%; /* 300/400 */
}

.img-wrap.w3h2 {
  padding-bottom: 66.66%; /* 200/300 */
}

.img-wrap.w2h1 {
  padding-bottom: 50%; /* 100/200 */
}

.img-wrap.w1h1 {
  padding-bottom: 100%; /* 100/200 */
}

.img-wrap img,
.img-wrap svg {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}