.illustration {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
}
.illustration > :not(:last-child) {
  margin-bottom: 10px;
}
.illustration__image {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.illustration__caption {
  text-align: center;
  font-size: 0.75rem;
  margin: 0px;
}

@media (min-width: 992px) {
  .playground__illustration > .illustration__image {
    max-height: 75vh;
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBsYXlncm91bmQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsYUFBYTtFQUNiLHNCQUFzQjtFQUN0QixtQkFBbUI7RUFDbkIsWUFBWTtBQUNkO0FBQ0E7RUFDRSxtQkFBbUI7QUFDckI7QUFDQTtFQUNFLGVBQWU7RUFDZixzQkFBbUI7S0FBbkIsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLFdBQVc7QUFDYjs7QUFFQTtFQUNFO0lBQ0UsZ0JBQWdCO0VBQ2xCO0FBQ0YiLCJmaWxlIjoicGxheWdyb3VuZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaWxsdXN0cmF0aW9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMHB4O1xufVxuLmlsbHVzdHJhdGlvbiA+IDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgbWFyZ2luLWJvdHRvbTogMTBweDtcbn1cbi5pbGx1c3RyYXRpb25fX2ltYWdlIHtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvYmplY3QtZml0OiBjb250YWluO1xufVxuLmlsbHVzdHJhdGlvbl9fY2FwdGlvbiB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zaXplOiAwLjc1cmVtO1xuICBtYXJnaW46IDBweDtcbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDk5MnB4KSB7XG4gIC5wbGF5Z3JvdW5kX19pbGx1c3RyYXRpb24gPiAuaWxsdXN0cmF0aW9uX19pbWFnZSB7XG4gICAgbWF4LWhlaWdodDogNzV2aDtcbiAgfVxufVxuIl19 */