[TASK] Add new slider classes

Resources/Private/Partials/TeaserOverview.html

@@ -24,9 +24,9 @@
 		<f:render section="sgSlideImage"
 			arguments="{file: newsMetaData.imageObject, phone: '500c', tablet: '500c', desktop: '600c'}" />
 	</f:if>
-
-	<div class="sg-slide-content sg-slide-backdrop-dark">
-		<div class="frame frame-default frame-type-textmedia frame-layout-0 default-content-element">
+	<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">
 			{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-image" cropVariant="large" loading="lazy" />
+			height="{desktop}" class="sg-slide-media" cropVariant="large" loading="lazy" />
 	</picture>
 </f:section>

Resources/Private/Templates/Latest/Index.html

 <f:layout name="Default" />
 
 <f:section name="main">
-	<div id="carousel-latest-news" class="sg-slide-element sg-slide-not-initialized" data-interval="0">
+	<div id="carousel-latest-news" class="sg-slide-element sg-slide-not-initialized sg-slide-medium" data-interval="0">
 		<div class="sg-slide-track">
 			<div class="sg-slide-container">
 				<f:for each="{newsMetaData}" as="newsMetaDataEntry" iteration="iterator">