.lsf-blog-section-header {
            max-width: fit-content;
        }
        .lsf-blog-section-header {
            --header-color: ;
        }
        .lsf-blog-section-header h2 {
            text-wrap: balance;
        }
                .lsf-blog-section-header.colored-header h2 {
            color: var(--header-color);
        }
        .lsf-blog-section-header .colored-text {
            color: var(--header-color);
        }
        .lsf-blog-section-header sup {
            font-size: 14px;
            position: static;
            color: var(--header-color);
            display: block;
            line-height: 1em;
            font-weight: 500;
        }
                        .blog-card {
                    box-shadow: 0px 0px 30px #00000012;
                    min-height: 360px;
                    max-width: 530px;
                    margin: 0 auto;
                    position: relative;
                    border-radius: 1.25rem;
                    background-color: white;
                }

                .blog-card img {
                    width: calc(100% - 40px);
                    position: absolute;
                    left: 20px;
                    top: 20px;
                    object-fit: cover;
                    height: 200px;
                    border-radius: 1.25em;
                    transition: top 0.5s ease;
                }

                .blog-card .blog-title {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    position: absolute;
                    bottom: 0;
                    left: 20px;
                    right: 20px;
                    height: 140px;
                    font-size: 24px;
                    color: #313131;
                    font-weight: 600;
                    transition: bottom 0.5s ease;
                }

                .blog-card .blog-excerpt {
                    background-color: #ff7f50;
                    border-radius: 1.875rem;
                    line-height: 25px;
                    padding: 1.25rem;
                    color: white;
                    transition: transform .5s ease;
                }

                .blog-card .blog-excerpt-wrapper {
                    position: absolute;
                    bottom: 0;
                    left: 1.25rem;
                    right: 1.25rem;
                    z-index: -1;
                    transform: scale(0.7);
                    transition: transform .5s ease .5s, z-index .5s ease 250ms;
                }

                @media screen and (min-width: 992px) {
                    .blog-card:hover .blog-title {
                        bottom: 30%;
                        transition-delay: 0.5s;
                    }

                    .blog-card:hover img {
                        top: -80px;
                        transition-delay: 0.5s;
                    }

                    .blog-card:hover .blog-excerpt-wrapper {
                        transform: scale(0.85) translateY(120%);
                        z-index: 1;
                        transition: transform .5s ease 0ms, z-index .5s ease 450ms;
                    }

                    .blog-card:hover .blog-excerpt {
                        transform: scale(1.15) translateY(-80%);
                        transition-delay: .5s;
                    }
                }

                @media screen and (max-width: 991px) {
                    .blog-card .blog-title {
                        bottom: 25%;
                        transition-delay: 0.5s;
                    }

                    .blog-card img {
                        top: -80px;
                        transition-delay: 0.5s;
                    }

                    .blog-card .blog-excerpt-wrapper {
                        transform: scale(0.85) translateY(120%);
                        z-index: 1;
                        transition: transform .5s ease 0ms, z-index .5s ease 450ms;
                    }

                    .blog-card .blog-excerpt {
                        transform: scale(1.15) translateY(-80%);
                        font-size: 14px;
                        transition-delay: .5s;
                    }
                }

                @media screen and (max-width: 576px) {
                    .blog-card .blog-excerpt {
                        padding: 0.75rem;
                    }
                }