/* Container for icon and hidden content */
  .side-container {
    position: relative;
    top: 0px;
    left: 20px;
    display: flex;
    align-items: center;
    z-index: 1000;
  }

  /* The Bouncing JPEG Icon */
  .icon-wrapper {
    width: 50px;
    height: 50px;
    animation: bounce 2s infinite;
    cursor: pointer;
    z-index: 2;
  }
  
  .icon-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
  }

  /* Hidden Panel */
  .hidden-panel {
    background-color: #333; /* Colored Background */
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 15px 0 30px; /* Padding for rounded icon overlap */
    margin-left: -25px; /* Pulls panel behind icon */
    border-radius: 0 25px 25px 0;
    
    /* Animation start state: Off-screen left */
    transform: translateX(-100%);
    transition: transform 0.4s ease-out;
    opacity: 0;
  }

  /* Expand on Hover */
  .side-container:hover .hidden-panel {
    transform: translateX(0);
    opacity: 1;
  }

  /* Clickable Link/Logo */
  .logo-link img {
    height: 30px;
    width: auto;
  }

  /* Bouncing Animation */
  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
  }