Image Hover One

{image 1}

Image Hover Two

{image 2}

.hover-title { display: inline; pointer-events: auto; cursor: pointer; } .hover-image { visibility: hidden; } body:not(.mobile) .hover-title:hover + .hover-image { visibility: visible; pointer-events: none; } .hover-image { display: flex; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; pointer-events: none; flex-direction: column; align-items: center; justify-content: center; /* Change width and height to scale images */ width: 90vw; height: 90vh; } .hover-image img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; margin-bottom: 0; } html { cursor: url https://freight.cargo.site/t/original/i/O1712736853167334622511092221226/cursor.pngauto [id="F3061082748"] .page-content { padding: 0.0rem; border-width: 0.0rem; border-color: rgba(0,0,0,.85); border-style: solid; } [id="F3061082748"].page { background-color: #ffffff; } [id="F3061082748"] .backdrop { position: relative; width: 50%; order: 0; } .mobile [id="F3061082748"] .backdrop { order: 0; height: var(--split-backdrop-height); width: 100%; } [id="F3061082748"] .page-layout { } .mobile [id="F3061082748"] .page-layout { max-width: 100%; min-width: 100%; min-height: var(--split-content-height); } [id="F3061082748"] .page-content { width: 100%; }