.logo-m {
    max-width: 300px;
}

.blurred-section {
    position: relative;
    /* overflow: hidden; */
    min-height: 320px;
    display: grid;
}

/* Background layer */
.blurred-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../img/ocean-marine-carousel-0.jpg);
    filter: blur(3px);
    transform: scale(1.1);
    z-index: 0;
    background-size: cover;
    /* background-position: center; */
}

/* Content layer (no blur) */
.blurred-section>.row {
    position: relative;
    z-index: 2;
}

.blurred-section>div {
    position: relative;
    z-index: 2;
    background: #f0f8ff78;
    align-items: center;
}

.blurred-section>header {}

.linearbg {
    background: linear-gradient(45deg, black, var(--main-dark));
}

.linearbg .bg-secondary {
    background: none !important;
    color: white !important;
}