.hero-app-cards{position:relative;height:555px}.hero-app-lesson,.hero-app-progress,.hero-app-tutor{position:absolute}.hero-app-lesson{width:270px;left:-10px;top:40px;transform:rotate(-6deg)}.hero-app-progress{width:280px;right:-6px;top:0;transform:rotate(5deg)}.hero-app-tutor{width:305px;right:8px;bottom:0;transform:rotate(-2deg)}.hero-app-xp{position:absolute;right:-10px;top:270px;transform:rotate(3deg)}.hero-app-streak{position:absolute;left:6px;bottom:108px;transform:rotate(-5deg)}@media (min-width:801px) and (max-width:1100px){.hero-app-lesson{width:225px}.hero-app-progress{width:240px}.hero-app-tutor{width:265px}.hero-app-streak{left:-20px;bottom:26px}.hero-app-xp{display:none}}@media (max-width:800px){.hero-app-cards{height:345px}.hero-app-lesson{width:175px;left:0;top:8px;transform:rotate(-5deg)}.hero-app-progress{display:none}.hero-app-tutor{width:205px;right:0;bottom:0;transform:rotate(3deg)}.hero-app-tutor>div{padding:14px}.hero-app-xp{right:4px;top:8px;font-size:10px;padding:8px}.hero-app-streak{display:none}}@media (max-width:370px){.hero-app-lesson{width:158px}.hero-app-tutor{width:180px}}