.hc-gallery-board,
.hc-video-board {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: flex-start;
}

.gallery-item,
.video-item {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .07);
    overflow: hidden;
    width: calc(33.33% - 14px);
    min-width: 220px;
    max-width: 350px;
    flex: 1 0 220px;
    display: flex;
    flex-direction: column;
}

.gallery-thumb img,
.video-thumb iframe,
.video-thumb video {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
}

.gallery-title,
.video-title {
    font-weight: bold;
    font-size: 1.05em;
    margin: 9px 12px 0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gallery-desc,
.video-desc {
    font-size: 0.95em;
    margin: 7px 12px 15px 12px;
    color: #444;
}

@media (max-width: 900px) {

    .gallery-item,
    .video-item {
        width: 48%;
    }
}

@media (max-width: 600px) {

    .gallery-item,
    .video-item {
        width: 100%;
    }
}