.about{background:url(/api/about/background) 50%;background-size:cover;position:relative}.about:before{content:"";background:var(--beforeBackground);position:absolute;bottom:0;top:0;left:0;right:0}.about .about-img{position:relative;transition:.5s}.about .about-img img{max-width:100%;position:relative}.about .about-img:before{position:absolute;background-color:var(--imgaeBeforeBackground);width:var(--imageBeforeWidth);height:var(--imageBeforeHeight);left:var(--imageBeforeLeft);top:var(--imageBeforeTop);border-left:var(--imageBeforeBorderLeft);border-top:var(--imageBeforeBorderTop);z-index:var(--imageBeforeZIndex);border-radius:var(--imageBeforeBorderRadius);content:"";transition:.5s}.about .about-img:after{position:absolute;background-color:var(--imgaeAfterBackground);width:var(--imageAfterWidth);height:var(--imageAfterHeight);right:var(--imageAfterRight);bottom:var(--imageAfterBottom);border-top:var(--imageAfterBorderTop);border-right:var(--imageAfterBorderRight);border-bottom:var(--imageAfterBorderBottom);border-left:var(--imageAfterBorderLeft);z-index:var(--imageAfterZIndex);border-radius:var(--imageAfterBorderRadius);content:"";transition:.5s}.about .logo{width:50%;margin:0 25%}.about .about-img:hover{transform:scale(1.03)}.about .about-img:hover:before{left:10px;top:10px}.about .about-img:hover:after{right:10px;bottom:10px}.about .content h3{font-weight:600;font-size:1.625rem}@media (min-width:1024px){.about{background-attachment:fixed}}