.algert-spacing {
    width: 100%;
    display: block;
    height: var(--spacing-height);
}

@media (max-width: 1024px) {
    .algert-spacing {
        height: calc(var(--spacing-height) * 0.8); /* 80% of desktop height */
    }
}

@media (max-width: 767px) {
    .algert-spacing {
        height: calc(var(--spacing-height) * 0.6); /* 60% of desktop height */
    }
}