@include breakpoint('<=small') {

.panel.spotlight {
    .content {
        @include padding($pad-small-tb, $pad-small-lr);
        @include vendor('flex-direction', 'column !important');
        background-image: linear-gradient(0deg, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0.175)) !important;
        min-height: 25rem;
    }
}

}

@include breakpoint('<=xsmall') {

.panel.spotlight {
    .content {
        min-height: 30rem;
    }
}

}