.notebookContainer{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
}

.monthContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    max-width: 65%;
}

.info{
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.infoContainer{
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
    align-items: center;
    padding-left: 1rem;
    border-left: 3px solid #786292;
}

.side{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 20%;
}


/* Image Track */
#image-track {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    gap: 20px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(0%, 0%); 
    user-select: none; /* -- Prevent image highlighting -- */
    width: 3103px;
  }
  
  #image-track > #image {
    width: 300px;
    height: 450px;
    object-fit: cover;
    object-position: 100% center;
    box-shadow: 7px 7px 10px rgba(208, 178, 255, 0.73);
    transition: box-shadow 0.3s;
  }
  
.content img{
  background-color: beige;
  width: 200px;
  height: 100px;
  object-fit: contain;
}