diff --git a/UI/Web/src/_series-detail-common.scss b/UI/Web/src/_series-detail-common.scss
index ca4f7c8499..7cb729d070 100644
--- a/UI/Web/src/_series-detail-common.scss
+++ b/UI/Web/src/_series-detail-common.scss
@@ -119,3 +119,84 @@
 .nav-tabs {
   flex-wrap: nowrap;
 }
+
+.upper-details {
+  font-size: 0.9rem;
+}
+
+::ng-deep .carousel-container .header i.fa-plus, ::ng-deep .carousel-container .header i.fa-pen{
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 5px;
+  border-color: var(--primary-color);
+  padding: 5px;
+  vertical-align: middle;
+
+  &:hover {
+    background-color: var(--primary-color-dark-shade);
+  }
+}
+
+::ng-deep .image-container.mobile-bg app-image img {
+  max-height: 400px;
+  object-fit: contain;
+}
+
+@media (max-width: 768px) {
+  .carousel-tabs-container {
+    mask-image: linear-gradient(transparent, black 0%, black 90%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to right, transparent, black 0%, black 90%, transparent 100%);
+  }
+}
+
+::ng-deep .image-container.mobile-bg app-image img {
+  max-height: 100dvh !important;
+  object-fit: cover !important;
+}
+
+/* col-lg */
+@media screen and (max-width: 991px) {
+  .image-container.mobile-bg{
+    width: 100vw;
+    top: calc(var(--nav-offset) - 20px);
+    left: 0;
+    pointer-events: none;
+    position: fixed !important;
+    display: block !important;
+    max-height: unset !important;
+    max-width: unset !important;
+    height: 100dvh !important;
+  }
+
+  ::ng-deep .image-container.mobile-bg app-image img {
+    max-height: unset !important;
+    opacity: 0.05 !important;
+    filter: blur(5px) !important;
+    max-width: 100dvw;
+    height: 100dvh !important;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    object-fit: cover;
+  }
+
+  .progress-banner {
+    display:none;
+  }
+
+  .under-image {
+    display: none;
+  }
+
+}
+.upper-details {
+  font-size: 0.9rem;
+}
+
+@media (max-width: 768px) {
+  .carousel-tabs-container {
+    mask-image: linear-gradient(transparent, black 0%, black 90%, transparent 100%);
+    -webkit-mask-image: linear-gradient(to right, transparent, black 0%, black 90%, transparent 100%);
+  }
+}
\ No newline at end of file
diff --git a/UI/Web/src/app/admin/manage-email-settings/manage-email-settings.component.html b/UI/Web/src/app/admin/manage-email-settings/manage-email-settings.component.html
index 20315fb8af..569f98187e 100644
--- a/UI/Web/src/app/admin/manage-email-settings/manage-email-settings.component.html
+++ b/UI/Web/src/app/admin/manage-email-settings/manage-email-settings.component.html
@@ -16,8 +16,8 @@
             <div class="input-group">
               <input id="settings-hostname" aria-describedby="hostname-validations" class="form-control" formControlName="hostName" type="text"
                      [class.is-invalid]="formControl.invalid && formControl.touched">
-              <button class="btn btn-outline-secondary" (click)="autofillGmail()">{{t('gmail-label')}}</button>
-              <button class="btn btn-outline-secondary" (click)="autofillOutlook()">{{t('outlook-label')}}</button>
+              <button type="button" class="btn btn-outline-secondary" (click)="autofillGmail()">{{t('gmail-label')}}</button>
+              <button type="button" class="btn btn-outline-secondary" (click)="autofillOutlook()">{{t('outlook-label')}}</button>
             </div>
 
             @if(settingsForm.dirty || settingsForm.touched) {
@@ -39,7 +39,7 @@
             {{formControl.value | defaultValue}}
           </ng-template>
           <ng-template #edit>
-            <input type="text" class="form-control" aria-describedby="email-header" formControlName="senderAddress" id="settings-sender-address" />
+            <input type="text" class="form-control" formControlName="senderAddress" id="settings-sender-address" />
           </ng-template>
         </app-setting-item>
       }
@@ -52,7 +52,7 @@
             {{formControl.value | defaultValue}}
           </ng-template>
           <ng-template #edit>
-            <input type="text" class="form-control" aria-describedby="email-header" formControlName="senderDisplayName" id="settings-sender-displayname" />
+            <input type="text" class="form-control" formControlName="senderDisplayName" id="settings-sender-displayname" />
           </ng-template>
         </app-setting-item>
       }
@@ -78,7 +78,7 @@
             {{formControl.value | defaultValue}}
           </ng-template>
           <ng-template #edit>
-            <input type="number" inputmode="numeric" min="1" class="form-control" aria-describedby="email-header" formControlName="port" id="settings-port" />
+            <input type="number" inputmode="numeric" min="1" class="form-control" formControlName="port" id="settings-port" />
           </ng-template>
         </app-setting-item>
       }
@@ -89,7 +89,7 @@
         <app-setting-switch [title]="t('enable-ssl-label')">
           <ng-template #switch>
             <div class="form-check form-switch">
-              <input id="setting-enable-ssl" type="checkbox" class="form-check-input" formControlName="enableOpds">
+              <input id="setting-enable-ssl" type="checkbox" class="form-check-input" formControlName="enableSsl">
             </div>
           </ng-template>
         </app-setting-switch>
@@ -103,7 +103,7 @@
             {{formControl.value | defaultValue}}
           </ng-template>
           <ng-template #edit>
-            <input type="text" class="form-control" aria-describedby="email-header" formControlName="userName" id="settings-username" />
+            <input type="text" class="form-control" formControlName="userName" id="settings-username" />
           </ng-template>
         </app-setting-item>
       }
@@ -116,7 +116,7 @@
             {{formControl.value ? '********' : null | defaultValue}}
           </ng-template>
           <ng-template #edit>
-            <input type="text" class="form-control" aria-describedby="email-header" formControlName="password" id="settings-password" />
+            <input type="text" class="form-control" formControlName="password" id="settings-password" />
           </ng-template>
         </app-setting-item>
       }
@@ -129,7 +129,7 @@
             {{formControl.value | bytes}}
           </ng-template>
           <ng-template #edit>
-            <input type="number" inputmode="numeric" min="1" class="form-control" aria-describedby="email-header" formControlName="sizeLimit" id="settings-size-limit" />
+            <input type="number" inputmode="numeric" min="1" class="form-control" formControlName="sizeLimit" id="settings-size-limit" />
           </ng-template>
         </app-setting-item>
       }
diff --git a/UI/Web/src/app/admin/manage-settings/manage-settings.component.html b/UI/Web/src/app/admin/manage-settings/manage-settings.component.html
index 4a98830b74..ab3e50526a 100644
--- a/UI/Web/src/app/admin/manage-settings/manage-settings.component.html
+++ b/UI/Web/src/app/admin/manage-settings/manage-settings.component.html
@@ -39,7 +39,7 @@ <h4>{{t('networking-settings-title')}}</h4>
               <div class="input-group">
                 <input id="settings-baseurl" aria-describedby="settings-baseurl-help" class="form-control" formControlName="baseUrl" type="text"
                        [class.is-invalid]="formControl.invalid && formControl.touched">
-                <button class="btn btn-outline-secondary" (click)="resetBaseUrl()">{{t('reset')}}</button>
+                <button type="button" class="btn btn-outline-secondary" (click)="resetBaseUrl()">{{t('reset')}}</button>
               </div>
 
               @if(settingsForm.dirty || settingsForm.touched) {
@@ -64,7 +64,7 @@ <h4>{{t('networking-settings-title')}}</h4>
               <div class="input-group">
                 <input id="settings-ipaddresses" aria-describedby="settings-ipaddresses-help" class="form-control" formControlName="ipAddresses" type="text"
                        [class.is-invalid]="formControl.invalid && formControl.touched">
-                <button class="btn btn-outline-secondary" (click)="resetIPAddresses()">{{t('reset')}}</button>
+                <button type="button" class="btn btn-outline-secondary" (click)="resetIPAddresses()">{{t('reset')}}</button>
               </div>
 
               @if(settingsForm.dirty || settingsForm.touched) {
diff --git a/UI/Web/src/app/chapter-detail/chapter-detail.component.html b/UI/Web/src/app/chapter-detail/chapter-detail.component.html
index 078c9a1105..e21353273e 100644
--- a/UI/Web/src/app/chapter-detail/chapter-detail.component.html
+++ b/UI/Web/src/app/chapter-detail/chapter-detail.component.html
@@ -4,14 +4,22 @@
 
     @if (chapter && series && libraryType !== null) {
       <div class="row mb-0 mb-xl-3 info-container">
-        <div class="image-container col-5 col-sm-6 col-md-5 col-lg-5 col-xl-2 col-xxl-2 col-xxxl-2 d-none d-sm-block mb-3 position-relative">
-
-          <app-image [styles]="{'object-fit': 'contain', 'background': 'none', 'max-height': '400px'}"  [imageUrl]="coverImage"></app-image>
-            @if (chapter.pagesRead < chapter.pages && chapter.pagesRead > 0) {
+        <div [ngClass]="mobileSeriesImgBackground === 'true' ? 'mobile-bg' : ''" class="image-container col-5 col-sm-6 col-md-5 col-lg-5 col-xl-2 col-xxl-2 col-xxxl-2 d-none d-sm-block mb-3 position-relative">
+
+          @if(mobileSeriesImgBackground === 'true') {
+            <app-image [styles]="{'background': 'none'}"  [imageUrl]="coverImage"></app-image>
+          } @else {
+            <app-image [styles]="{'object-fit': 'contain', 'background': 'none', 'max-height': '400px'}"  [imageUrl]="coverImage"></app-image>
+          }
+          <!-- TODO: For when continue on chapter/issue is hooked up -->
+<!--             @if (chapter.pagesRead < chapter.pages && chapter.pagesRead > 0) {
               <div class="progress-banner" ngbTooltip="{{(chapter.pagesRead / chapter.pages) * 100 | number:'1.0-1'}}%">
                 <ngb-progressbar type="primary" [value]="chapter.pagesRead" [max]="chapter.pages" [showValue]="true"></ngb-progressbar>
               </div>
-            }
+              <div class="under-image">
+                {{t('continue-from', {title: ContinuePointTitle})}}
+              </div>
+            } -->
             <div class="card-overlay"></div>
             <div class="overlay-information">
               <div class="overlay-information--centered">
diff --git a/UI/Web/src/app/chapter-detail/chapter-detail.component.ts b/UI/Web/src/app/chapter-detail/chapter-detail.component.ts
index fb0eb55730..c313397eb7 100644
--- a/UI/Web/src/app/chapter-detail/chapter-detail.component.ts
+++ b/UI/Web/src/app/chapter-detail/chapter-detail.component.ts
@@ -9,7 +9,7 @@ import {
 } from '@angular/core';
 import {BulkOperationsComponent} from "../cards/bulk-operations/bulk-operations.component";
 import {TagBadgeComponent} from "../shared/tag-badge/tag-badge.component";
-import {AsyncPipe, DecimalPipe, DOCUMENT, NgStyle} from "@angular/common";
+import {AsyncPipe, DecimalPipe, DOCUMENT, NgStyle, NgClass} from "@angular/common";
 import {CardActionablesComponent} from "../_single-module/card-actionables/card-actionables.component";
 import {CarouselReelComponent} from "../carousel/_components/carousel-reel/carousel-reel.component";
 import {ExternalListItemComponent} from "../cards/external-list-item/external-list-item.component";
@@ -111,6 +111,7 @@ enum TabID {
     TagBadgeComponent,
     VirtualScrollerModule,
     NgStyle,
+    NgClass,
     AgeRatingPipe,
     TimeDurationPipe,
     ExternalRatingComponent,
@@ -184,6 +185,7 @@ export class ChapterDetailComponent implements OnInit {
   downloadInProgress: boolean = false;
   readingLists: ReadingList[] = [];
   showDetailsTab: boolean = true;
+  mobileSeriesImgBackground: string | undefined;
 
 
 
@@ -208,7 +210,8 @@ export class ChapterDetailComponent implements OnInit {
       return;
     }
 
-
+    this.mobileSeriesImgBackground = getComputedStyle(document.documentElement)
+      .getPropertyValue('--mobile-series-img-background').trim();
     this.seriesId = parseInt(seriesId, 10);
     this.chapterId = parseInt(chapterId, 10);
     this.libraryId = parseInt(libraryId, 10);
diff --git a/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html b/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html
index 074c60ad98..6cd15eafea 100644
--- a/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html
+++ b/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html
@@ -4,9 +4,12 @@
   @if (series && seriesMetadata && libraryType !== null) {
     <div [ngStyle]="{'height': ScrollingBlockHeight}" class="main-container container-fluid" #scrollingBlock>
       <div class="row mb-0 mb-xl-3 info-container">
-        <div class="image-container col-5 col-sm-6 col-md-5 col-lg-5 col-xl-2 col-xxl-2 col-xxxl-2 d-none d-sm-block mb-3 position-relative">
-
-          <app-image [styles]="{'object-fit': 'contain', 'background': 'none', 'max-height': '400px'}"  [imageUrl]="seriesImage"></app-image>
+        <div [ngClass]="mobileSeriesImgBackground === 'true' ? 'mobile-bg' : ''" class="image-container col-5 col-sm-6 col-md-5 col-lg-5 col-xl-2 col-xxl-2 col-xxxl-2 d-none d-sm-block mb-3 position-relative">
+          @if(mobileSeriesImgBackground === 'true') {
+            <app-image [styles]="{'background': 'none'}"  [imageUrl]="seriesImage"></app-image>
+          } @else {
+            <app-image [styles]="{'object-fit': 'contain', 'background': 'none', 'max-height': '400px'}"  [imageUrl]="seriesImage"></app-image>
+          }
           @if (series.pagesRead < series.pages && hasReadingProgress) {
             <div class="progress-banner series" ngbTooltip="{{(series.pagesRead / series.pages) * 100 | number:'1.0-1'}}%">
               <ngb-progressbar type="primary" [value]="series.pagesRead" [max]="series.pages" [showValue]="true"></ngb-progressbar>
@@ -29,7 +32,7 @@
           </div>
 
         </div>
-        <div class="col-xl-10 col-lg-7 col-md-7 col-xs-8 col-sm-6">
+        <div class="col-xl-10 col-lg-7 col-md-12 col-xs-12 col-sm-12">
           <h4 class="title mb-2">
             <span>{{series.name}}
 
@@ -133,7 +136,7 @@ <h4 class="title mb-2">
 
           <div class="mt-2 upper-details">
             <div class="row g-0">
-              <div class="col-6">
+              <div class="col-6 pe-5">
                 <span class="fw-bold">{{t('writers-title')}}</span>
                 <div>
                   <app-badge-expander [items]="seriesMetadata.writers"
@@ -162,7 +165,7 @@ <h4 class="title mb-2">
 
           <div class="mt-3 mb-2 upper-details">
             <div class="row g-0">
-              <div class="col-6">
+              <div class="col-6 pe-5">
                 <span class="fw-bold">{{t('genres-title')}}</span>
                 <div>
                   <app-badge-expander [items]="seriesMetadata.genres"
diff --git a/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.scss b/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.scss
index 7cd23c73cf..677baf3c06 100644
--- a/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.scss
+++ b/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.scss
@@ -14,6 +14,9 @@
   border-bottom-right-radius: 5px;
   text-align: center;
 }
+
+
+
 //
 //.rating-star {
 //  margin-top: 2px;
@@ -40,13 +43,4 @@
   }
 }
 
-.upper-details {
-  font-size: 0.9rem;
-}
 
-@media (max-width: 768px) {
-  .carousel-tabs-container {
-    mask-image: linear-gradient(transparent, black 0%, black 90%, transparent 100%);
-    -webkit-mask-image: linear-gradient(to right, transparent, black 0%, black 90%, transparent 100%);
-  }
-}
diff --git a/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.ts b/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.ts
index 533efe3cc0..9cd9ed7a10 100644
--- a/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.ts
+++ b/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.ts
@@ -243,6 +243,7 @@ export class SeriesDetailComponent implements OnInit, AfterContentChecked {
   isLoadingExtra = false;
   libraryAllowsScrobbling = false;
   isScrobbling: boolean = true;
+  mobileSeriesImgBackground: string | undefined;
 
   currentlyReadingChapter: Chapter | undefined = undefined;
   hasReadingProgress = false;
@@ -384,6 +385,7 @@ export class SeriesDetailComponent implements OnInit, AfterContentChecked {
     }
   }
 
+
   get UseBookLogic() {
     return this.libraryType === LibraryType.Book || this.libraryType === LibraryType.LightNovel;
   }
@@ -472,6 +474,9 @@ export class SeriesDetailComponent implements OnInit, AfterContentChecked {
       return;
     }
 
+    this.mobileSeriesImgBackground = getComputedStyle(document.documentElement)
+      .getPropertyValue('--mobile-series-img-background').trim();
+
 
     // Set up the download in progress
     this.download$ = this.downloadService.activeDownloads$.pipe(takeUntilDestroyed(this.destroyRef), map((events) => {
diff --git a/UI/Web/src/app/settings/_components/setting-button/setting-button.component.html b/UI/Web/src/app/settings/_components/setting-button/setting-button.component.html
index 9418983b78..ca0c38a544 100644
--- a/UI/Web/src/app/settings/_components/setting-button/setting-button.component.html
+++ b/UI/Web/src/app/settings/_components/setting-button/setting-button.component.html
@@ -1,12 +1,7 @@
 <ng-container *transloco="let t;">
   <div class="container-fluid">
-
-
     <ng-content></ng-content>
 
-
-
-
     @if (subtitle) {
       <div class="description text-muted" [innerHTML]="subtitle | safeHtml"></div>
     }
diff --git a/UI/Web/src/app/settings/_components/setting-item/setting-item.component.html b/UI/Web/src/app/settings/_components/setting-item/setting-item.component.html
index 0b97943971..3ccd722aed 100644
--- a/UI/Web/src/app/settings/_components/setting-item/setting-item.component.html
+++ b/UI/Web/src/app/settings/_components/setting-item/setting-item.component.html
@@ -15,7 +15,7 @@ <h6 class="section-title">
       </div>
       <div class="col-1">
         @if (showEdit) {
-          <button class="btn btn-text btn-sm" (click)="toggleEditMode()" [disabled]="!canEdit">
+          <button type="button" class="btn btn-text btn-sm" (click)="toggleEditMode()" [disabled]="!canEdit">
             {{isEditMode ? t('common.close') : (editLabel || t('common.edit'))}}
           </button>
         }
diff --git a/UI/Web/src/app/settings/_components/setting-title/setting-title.component.html b/UI/Web/src/app/settings/_components/setting-title/setting-title.component.html
index ec5fd18e7a..726cf5c0f6 100644
--- a/UI/Web/src/app/settings/_components/setting-title/setting-title.component.html
+++ b/UI/Web/src/app/settings/_components/setting-title/setting-title.component.html
@@ -9,7 +9,7 @@ <h6 class="section-title" [id]="id || title">{{title}}
         </h6>
       </div>
       <div class="col-1">
-        <button class="btn btn-text btn-sm" (click)="toggleViewMode()" [disabled]="!canEdit">{{isEditMode ? t('common.close') : t('common.edit')}}</button>
+        <button type="button" class="btn btn-text btn-sm" (click)="toggleViewMode()" [disabled]="!canEdit">{{isEditMode ? t('common.close') : t('common.edit')}}</button>
       </div>
     </div>
   </div>
diff --git a/UI/Web/src/app/volume-detail/volume-detail.component.html b/UI/Web/src/app/volume-detail/volume-detail.component.html
index eb0c4c7015..1db3df2d33 100644
--- a/UI/Web/src/app/volume-detail/volume-detail.component.html
+++ b/UI/Web/src/app/volume-detail/volume-detail.component.html
@@ -4,14 +4,22 @@
 
     @if (volume && series && libraryType !== null) {
       <div class="row mb-0 mb-xl-3 info-container">
-        <div class="image-container col-5 col-sm-6 col-md-5 col-lg-5 col-xl-2 col-xxl-2 col-xxxl-2 d-none d-sm-block mb-3">
+        <div [ngClass]="mobileSeriesImgBackground === 'true' ? 'mobile-bg' : ''" class="image-container col-5 col-sm-6 col-md-5 col-lg-5 col-xl-2 col-xxl-2 col-xxxl-2 d-none d-sm-block mb-3">
 
-          <app-image [styles]="{'object-fit': 'contain', 'background': 'none', 'max-height': '400px'}"  [imageUrl]="coverImage"></app-image>
-          @if (volume.pagesRead < volume.pages && volume.pagesRead > 0) {
+          @if(mobileSeriesImgBackground === 'true') {
+            <app-image [styles]="{'background': 'none'}"  [imageUrl]="coverImage"></app-image>
+          } @else {
+            <app-image [styles]="{'object-fit': 'contain', 'background': 'none', 'max-height': '400px'}"  [imageUrl]="coverImage"></app-image>
+          }
+          <!-- TODO: For when continue on volume is hooked up -->
+<!--           @if (volume.pagesRead < volume.pages && volume.pagesRead > 0) {
             <div class="progress-banner" ngbTooltip="{{(volume.pagesRead / volume.pages) * 100 | number:'1.0-1'}}%">
               <ngb-progressbar type="primary" height="5px" [value]="volume.pagesRead" [max]="volume.pages" [showValue]="true"></ngb-progressbar>
             </div>
-          }
+            <div class="under-image">
+              {{t('continue-from', {title: ContinuePointTitle})}}
+            </div>
+          } -->
         </div>
         <div class="col-xl-10 col-lg-7 col-md-7 col-xs-8 col-sm-6">
           <h4 class="title mb-2">
diff --git a/UI/Web/src/app/volume-detail/volume-detail.component.ts b/UI/Web/src/app/volume-detail/volume-detail.component.ts
index 1a28721d8e..eed4463e96 100644
--- a/UI/Web/src/app/volume-detail/volume-detail.component.ts
+++ b/UI/Web/src/app/volume-detail/volume-detail.component.ts
@@ -8,7 +8,7 @@ import {
   OnInit,
   ViewChild
 } from '@angular/core';
-import {AsyncPipe, DecimalPipe, DOCUMENT, NgStyle} from "@angular/common";
+import {AsyncPipe, DecimalPipe, DOCUMENT, NgStyle, NgClass} from "@angular/common";
 import {ActivatedRoute, Router, RouterLink} from "@angular/router";
 import {ImageService} from "../_services/image.service";
 import {SeriesService} from "../_services/series.service";
@@ -143,6 +143,7 @@ interface VolumeCast extends IHasCast {
     NgbTooltip,
     ImageComponent,
     NgStyle,
+    NgClass,
     TranslocoDirective,
     CardItemComponent,
     VirtualScrollerModule,
@@ -198,6 +199,7 @@ export class VolumeDetailComponent implements OnInit {
   libraryType: LibraryType | null = null;
   activeTabId = TabID.Chapters;
   readingLists: ReadingList[] = [];
+  mobileSeriesImgBackground: string | undefined;
 
   volumeActions: Array<ActionItem<Chapter>> = this.actionFactoryService.getVolumeActions(this.handleVolumeAction.bind(this));
 
@@ -266,7 +268,8 @@ export class VolumeDetailComponent implements OnInit {
       return;
     }
 
-
+    this.mobileSeriesImgBackground = getComputedStyle(document.documentElement)
+      .getPropertyValue('--mobile-series-img-background').trim();
     this.seriesId = parseInt(seriesId, 10);
     this.volumeId = parseInt(volumeId, 10);
     this.libraryId = parseInt(libraryId, 10);
diff --git a/UI/Web/src/theme/themes/dark.scss b/UI/Web/src/theme/themes/dark.scss
index 6c340c979d..3d147b8d05 100644
--- a/UI/Web/src/theme/themes/dark.scss
+++ b/UI/Web/src/theme/themes/dark.scss
@@ -417,4 +417,6 @@
     --login-input-font-family: 'League Spartan', sans-serif;
     --login-input-placeholder-opacity: 0.5;
     --login-input-placeholder-color: #fff;
+
+    --mobile-series-img-background: true;
 }