.position-card{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:1rem;padding-inline:3rem;border:1px solid #ccc;border-radius:.5rem;margin-bottom:1rem;box-shadow:0 4px 8px #0000001a;color:#fff;position:relative;& aside{width:70px;height:70px;align-self:flex-start}& img{width:70px;height:70px;background:linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet) padding-box,linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet) border-box;border-radius:50em;border:3px solid transparent}& main{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;flex-grow:1;& h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}& h3{font-size:1.25rem;font-weight:400;margin-bottom:.5rem;color:#ccc}& h4{font-size:1rem;font-weight:700;color:#ccc;margin-bottom:.5rem}& h4:nth-child(3){margin-bottom:2rem;color:#ccc}& span{font-size:1rem;font-weight:600;margin-bottom:.7rem;color:#ccc}& .image-container{position:absolute;bottom:0;right:0}}}@media (max-width: 768px){.position-card{flex-direction:column;& aside{margin-bottom:1rem}}}