.first {
    height: 40vh;
    position: relative;
    overflow: hidden;
}

.text-first-box {
    height: 100%;
    position: relative;
}

.bg-vid {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.text-and-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blur-box {
    height: 100%;
    align-items: center;
    background: rgba(0, 0, 0, 0.35);
}

.offering-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
}