[TASK] Add old slider css for compatibility

Resources/Private/Partials/TeaserOverview.html

@@ -26,7 +26,7 @@
 	</f:if>
 	<span aria-hidden="true" class="sg-slide-backdrop-dark"></span>
 	<div class="sg-slide-content sg-slide-text-animation">
-		<div class="sg-slide-bodytext text-shadow align-vertical__center align-horizontal__center">
+		<div class="default-content-element sg-slide-bodytext text-shadow align-vertical__center align-horizontal__center">
 			{headerTag -> f:format.raw()}
 				{newsMetaData.news.subtitleWithFallbackToTitle}
 			{closingHeaderTag -> f:format.raw()}
@@ -86,6 +86,6 @@
 		<source media="(max-width: 1024px)"
 			srcset="{f:uri.image(image: file, height: '{tablet}', cropVariant: 'medium')}">
 		<f:image image="{file}" alt="{file.alternative}" title="{file.title}" width="1568c"
-			height="{desktop}" class="sg-slide-media" cropVariant="large" loading="lazy" />
+			height="{desktop}" class="sg-slide-image sg-slide-media" cropVariant="large" loading="lazy" />
 	</picture>
 </f:section>

Resources/Public/Sass/_sg-news.scss

@@ -14,6 +14,24 @@
 	.tx-sgnews-footer-browser-next {
 		@extend %btn-success;
 	}
+
+	.sg-slide-backdrop-dark {
+		background: rgba($black-base, .5);
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		left: 0;
+		display: none;
+
+		@media (min-width: $screen-sm) {
+			display: block;
+		}
+	}
+
+	.default-content-element:last-of-type {
+		margin-bottom: auto;
+	}
 }
 
 .tx-sgnews-teaser-category {