.blog-container{background-color:#fff;width:60%;height:100%;margin:auto;padding:10px}@media screen and (max-width:768px){.blog-container{width:90%}}.content-style{flex-direction:column;gap:4px;display:flex}.header-style{color:#669;padding-bottom:5px}.description-style{color:#757a8c;letter-spacing:1px}.blog1content-container{background-image:url(../media/blog1.667ffa0f.jpg)}.blog2content-container{background-image:url(../media/blog2.45a1adf2.jpg)}.blog3content-container{background-image:url(../media/blog3.9fe3c8e4.jpg)}.blog4content-container{background-image:url(../media/blog4.f17e57df.png)}.blog5content-container{background-image:url(../media/blog5.fdbb65cd.jpg)}.blogcontent-container{background-size:cover;flex-direction:column;justify-content:space-between;max-width:100%;height:50vh;min-height:400px;display:flex;position:relative}.blogcontent-container:before{content:"";z-index:1;background-color:rgba(0,0,0,.5);position:absolute;top:0;bottom:0;left:0;right:0}.blogcontent-container>*{z-index:2;position:relative}.blog-content{color:#fff;flex-direction:column;justify-content:end;gap:3px;max-width:90%;padding:20px;display:flex}.button-container{justify-content:end;display:flex}.button-style{color:#fff;background-color:#532c6c;border-bottom-left-radius:10px;padding:10px 20px;text-decoration:none}.button-style:hover{cursor:pointer;background-color:#757a8c}@media (max-width:767px){.blogcontent-container{background-position:50%}.content-style{padding-left:0!important;padding-right:0!important}.header-style{color:#669;padding-bottom:5px;font-size:24px}.description-style{color:#000;letter-spacing:0;font-size:18px}}