.teachintro{width:100%;max-width:1000px;height:100%;background:white;margin-top:30px;border-radius:0 0 0 0;border:1px solid rgb(51,51,51,.4);margin-bottom:50px}.teach-intro-box{border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);padding:20px;margin-bottom:25px;text-align:center;background-color:#fff;height:-moz-fit-content;height:fit-content}.container{position:relative;text-align:center}.container img{border-radius:0 0 0 0}.top-left{position:absolute;top:30px;left:16px;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;padding:3px 6px;background:rgba(44,44,44,.7);overflow-y:visible;max-width:calc(100% - 44px)}.teacherdescription{position:relative;background-color:white}.styledBox{margin-bottom:2em}@media (max-width:900px){.styledBox{align-items:center;text-align:center}.steps-row-layout,.styledBox{flex-direction:column}.steps-title-overlay{display:none}}@media (min-width:901px){.steps-row-layout{flex-direction:row}.steps-title-overlay{position:absolute;bottom:30px;right:16px;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;padding:3px 6px;background:rgba(44,44,44,.7);color:white;max-width:calc(100% - 44px)}.steps-pad-large{padding:48px}}.steps-pad-medium{padding:24px}.stepImage{border-radius:8px;height:300px;width:200px;max-width:100%;object-fit:cover;margin-left:auto;margin-right:auto}.stepText{margin:auto}.stepImage{border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.1);transition:transform .3s ease}.stepImage:hover{transform:scale(1.03)}.teach-intro-box{border-radius:16px;background:linear-gradient(180deg,#ffffff,#f9f9f9);transition:box-shadow .3s ease}.teach-intro-box:hover{box-shadow:0 8px 24px rgba(0,0,0,.12)}.teachintro img{object-fit:cover;max-height:400px;width:100%}