.bookmarks {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 20px;
    left: -80px;
}

.bookmarks .bookmark {
    position: relative;
    z-index: -2;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform 0.3s ease;
}

.bookmarks .bookmark:hover,
.bookmarks .bookmark.active,
.bookmarks .bookmark.active:hover {
    transform: translateX(40px);
}

.bookmarks .bookmark img {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    height: 125%;
    image-rendering: pixelated;
}

.bookmarks .bookmark h3 {
    position: relative;
    z-index: -1;
    color: #fff;
    padding: 20px 0 20px 90px;
}