From 8a549eb45b19bbd7349648f5e51961d0b83d5d77 Mon Sep 17 00:00:00 2001
From: Bill Thornton <thornbill@users.noreply.github.com>
Date: Tue, 15 Nov 2022 11:38:34 -0500
Subject: [PATCH 1/2] Fix item details banner image alignment

---
 src/assets/css/librarybrowser.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index aef51213d1..cb653d6117 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -439,7 +439,7 @@
 .itemBackdrop {
     background-size: cover;
     background-repeat: no-repeat;
-    background-position: center 0;
+    background-position: center center;
     background-attachment: fixed;
     height: 40vh;
     position: relative;

From fda6d3c9696d94838dfde652b674b378208bf389 Mon Sep 17 00:00:00 2001
From: Bill Thornton <thornbill@users.noreply.github.com>
Date: Tue, 15 Nov 2022 13:22:52 -0500
Subject: [PATCH 2/2] Fix item details banner image alignment on mobile

---
 src/assets/css/librarybrowser.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index cb653d6117..5980155ed2 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -447,6 +447,7 @@
 
     .layout-mobile & {
         background-attachment: initial;
+        background-position: top center;
         margin-top: 3rem;
 
         @media all and (orientation: portrait) and (max-width: 40em) {