.lesson-illustration{
  margin:20px 0;
  border:1px solid var(--border);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 20px rgba(18,59,93,.09);
}

.lesson-illustration img{
  display:block;
  width:100%;
  max-height:390px;
  object-fit:cover;
}

.lesson-illustration-stage-0{
  max-width:820px;
  margin:22px auto;
}

.lesson-illustration-stage-0 img{
  max-height:360px;
}

body[data-stage="2"] .lesson-illustration,
body[data-stage="3"] .lesson-illustration{
  max-width:760px;
}

@media(max-width:640px){
  .lesson-illustration{
    border-radius:15px;
  }

  .lesson-illustration img{
    max-height:280px;
  }
}