[REF] *: BS5: adapt changes in media query mixin

> Media query mixins parameters have changed for a more logical approach

> media-breakpoint-down() uses the breakpoint itself instead of the next
> breakpoint (e.g., media-breakpoint-down(lg) instead of
> media-breakpoint-down(md) targets viewports smaller than lg).
> Similarly, the second parameter in media-breakpoint-between() also
> uses the breakpoint itself instead of the next breakpoint (e.g.,
> media-between(sm, lg) instead of media-breakpoint-between(sm, md)
> targets viewports between sm and lg).

https://getbootstrap.com/docs/5.1/migration/#sass

Task ID: 2766483

Part-of: odoo/design-themes#580

theme_anelusia/static/src/old_snippets/s_banner_parallax/000_variables.scss

@@ -6,7 +6,7 @@ $s-banner-parallax-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
     width: 100%;
     text-align: center;
     bottom: -30px;
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         top: 100px;
     }
 }
@@ -14,7 +14,7 @@ $s-banner-parallax-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
     vertical-align: bottom;
 }
 @mixin s-banner-parallax-height-hook {
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         height: 100vh !important;
     }
 }

theme_anelusia/static/src/old_snippets/s_features_carousel/000_variables.scss

@@ -2,7 +2,7 @@ $s-features-carousel-border-width: 0;
 @mixin s-features-carousel-inner-hook {
     .carousel-inner .row {
         margin: 0 70px;
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down(md) {
             margin: 0;
         }
     }

theme_anelusia/static/src/scss/compatibility-saas-11.4-variables.scss

@@ -7,7 +7,7 @@ $s-banner-3-carousel-height: 100vh;
     text-align: center;
     width: 100%;
     padding-top: 60vh;
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
         padding-top: 25vh;
     }
 }