.basics {
  position: relative;
}
.basics.ratio-16-9::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.basics.ratio-9-16::before {
  content: "";
  display: block;
  padding-top: 177.7777777778%;
}
.basics.ratio-16-10::before {
  content: "";
  display: block;
  padding-top: 62.5%;
}
.basics.ratio-10-16::before {
  content: "";
  display: block;
  padding-top: 160%;
}
.basics.ratio-4-5::before {
  content: "";
  display: block;
  padding-top: 125%;
}
.basics.ratio-5-4::before {
  content: "";
  display: block;
  padding-top: 80%;
}
.basics.ratio-4-3::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.basics.ratio-3-4::before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
}
.basics.ratio-21-9::before {
  content: "";
  display: block;
  padding-top: 42.8571428571%;
}
.basics.ratio-9-21::before {
  content: "";
  display: block;
  padding-top: 233.3333333333%;
}
.basics.ratio-7-5::before {
  content: "";
  display: block;
  padding-top: 71.4285714286%;
}
.basics.ratio-5-7::before {
  content: "";
  display: block;
  padding-top: 140%;
}
.basics.ratio-1-1::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.basics.ratio_3_1::before {
  content: "";
  display: block;
  padding-top: 33.3333333333%;
}
.basics.ratio-1-3::before {
  content: "";
  display: block;
  padding-top: 300%;
}
.basics.ratio-2-1::before {
  content: "";
  display: block;
  padding-top: 50%;
}
.basics.ratio-1-2::before {
  content: "";
  display: block;
  padding-top: 200%;
}
.basics.ratio-15-10::before {
  content: "";
  display: block;
  padding-top: 66.6666666667%;
}
.basics.ratio-10-15::before {
  content: "";
  display: block;
  padding-top: 150%;
}

.basics img,
.basic-img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
/*# sourceMappingURL=basics.css.map */