.bd-lgc {
    position: relative;
    width: 100%;
}

.bd-lgc .bd-lgc__rail {
    width: 100%;
}

.bd-lgc .bd-lgc__img {
    display: block;
    max-width: 100%;
    height: auto;
    /* filter: grayscale(100%);
    opacity: 0.85;
    transition: filter .2s ease, opacity .2s ease, transform .2s ease; */
}

/* .bd-lgc .bd-lgc__img:hover {
    filter: grayscale(0%);
    opacity: 1;
} */

.bd-lgc__notice {
    padding: .8rem 1rem;
    border: 1px solid #e3e3e3;
    background: #fafafa;
    font-size: 14px;
}

@media (max-width: 767.98px) {
    .bd-lgc .bd-lgc__list {
        display: flex;
        align-items: center;
    }

    .bd-lgc .bd-lgc__item {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (min-width: 768px) {
    .bd-lgc .bd-lgc__list {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 24px;
        align-items: center;
        justify-items: center;
        transform: none;
        width: 100%;
    }

    .bd-lgc .bd-lgc__item {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.bd-lgc--static .bd-lgc__list {
    display: grid;
    gap: var(--bd-gap, 24px);
    grid-template-columns: repeat(var(--bd-cols-mobile, 2), minmax(0, 1fr));
    align-items: center;
    justify-items: center;
}

@media (min-width: 480px) and (max-width: 767.98px) {
    .bd-lgc--static .bd-lgc__list {
        grid-template-columns: repeat(var(--bd-cols-small, 3), minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .bd-lgc--static .bd-lgc__list {
        grid-template-columns: repeat(var(--bd-cols-desktop, 5), minmax(0, 1fr));
    }
}