/*.notched-wrapper {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    overflow: hidden; !* Ensures the shine and overlay effects don't spill outside the image *!*/
/*}*/

/*.notched-wrapper::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(0, 0, 0, 0); !* Start with a transparent overlay *!*/
/*    z-index: 2; !* Below the shine effect but above the image *!*/
/*    transition: background-color 0.5s ease; !* Transition for the overlay *!*/
/*    pointer-events: none;*/
/*}*/

/*.notched-wrapper::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -50%; !* Start above the top left corner *!*/
/*    left: -50%;*/
/*    width: 200%; !* Make sure the width is enough to cover the diagonal *!*/
/*    height: 200%; !* Make sure the height is enough to cover the diagonal *!*/
/*    background: linear-gradient(*/
/*            -45deg, !* Angle the gradient for the shine *!*/
/*            transparent,*/
/*            rgba(255, 255, 255, 0.6) 25%,*/
/*            rgba(255, 255, 255, 0.3) 50%,*/
/*            transparent 75%*/
/*    );*/
/*    z-index: 3; !* Above the overlay but below the image *!*/
/*    transition: transform 0.5s ease-out;*/
/*    transform: translateX(-100%); !* Adjust to make sure the effect starts from the edge *!*/
/*    pointer-events: none;*/
/*}*/

/*.notched-wrapper:hover::before {*/
/*    background: rgba(0, 0, 0, 0.4); !* Transition to a semi-transparent black overlay *!*/
/*}*/

/*.notched-wrapper:hover::after {*/
/*    transform: translate(100%, 100%); !* Move diagonally across the image *!*/
/*}*/