.message-section{display:flex;flex-direction:row;align-items:flex-start;position:relative;padding:1rem;border-radius:10px;background:url(/assests/background.jpg) no-repeat center/cover;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);opacity:30px;background-size:cover;flex-wrap:wrap}.message-content{flex:2;background:#ffffffe6;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:2rem;max-width:800px;text-align:left;z-index:1;position:relative;margin-left:15rem;margin-right:2rem;margin-top:4rem}.message-title{font-size:1.8rem;font-family:Roboto,sans-serif;color:#4caf50;font-weight:700;margin-bottom:20px;border-left:5px solid #4CAF50;padding-left:15px}.message-text{font-size:1rem;line-height:1.6;color:#555}.message-author{text-align:right;font-style:italic;margin-top:1rem;color:#149c20;font-weight:700}.person-info{flex-direction:column;align-items:center;text-align:center}.person-picture{width:150px;height:150px;overflow:hidden;border-radius:50%;margin-top:3rem;margin-bottom:1rem;border:4px solid #4CAF50;margin-left:-25px}.person-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.person-name{font-size:1.2rem;font-weight:700;color:#000;margin-bottom:.3rem}.person-title{font-size:1rem;color:#000;text-align:center}@media (max-width: 768px){.message-section{flex-direction:column;align-items:center}.message-content{margin:2rem 1rem;padding:1.5rem;text-align:center}.message-title{font-size:1.5rem}.message-text{font-size:.9rem}.person-picture{width:120px;height:120px;margin-top:1rem;margin-left:0}.person-name{font-size:1rem}.person-title{font-size:.9rem}}@media (max-width: 480px){.message-section{flex-direction:column;align-items:flex-start;padding:1rem}.message-content{text-align:left}.person-name{font-size:.9rem}.person-title{font-size:.8rem}}