.blog-container{max-width:800px;margin:0 auto}.blog-banner{position:relative;width:100%;height:300px;background-image:url(/path-to-your-banner-image.jpg);background-size:cover;background-position:50%;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.banner-content{max-width:800px;padding:20px;background-color:rgba(0,0,0,.5)}.banner-title{font-size:48px;font-weight:700}.banner-description{font-size:22px;font-weight:400}.timeline{display:flex;flex-direction:column}.timeline-card{background-color:#fff;border-radius:0;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;margin-bottom:20px;padding:20px}.card-title{font-size:24px;font-weight:700;margin-bottom:15px}.created-date{font-size:14px;color:#888;font-style:italic;margin-bottom:20px}.card-text{font-size:16px;line-height:1.6;margin-bottom:20px}.card-author{font-size:14px;color:#555;font-style:italic}.image-row{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.image-con{width:100%;max-width:300px;flex:1 1 auto}.blog-image{object-fit:cover;border-radius:8px}@media (max-width:768px){.timeline{padding:0 15px}.timeline-card{padding:15px}.image-row{flex-direction:column;gap:10px}.banner-title{font-size:28px}.banner-description{font-size:16px}}