.link-container {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; /* Distribute links evenly horizontally */
          align-content: space-between; /* Distribute links evenly vertically */
          width: 80%; 
          margin: 0 auto;
      }
  
      .toplink {
          width: calc(50% - 10px); /* Adjust the width to make them square and add margin */
          aspect-ratio: 1 / 1;
          max-height: 200px;
          background-color: #1a1a1a; /* Change the link background color */
          overflow: hidden; /* Hide the overflow */
          margin: 0 0px 15px; /* Margin for spacing between links */
          display: flex; /* Add display flex to center image vertically and horizontally */
          align-items: center;
          justify-content: center;
          position: relative; /* Required for absolute positioning */
          border: 5px solid white;
          border-radius: 5px;
      }
  
      .image-container {
          width: 100%;
          height: 100%;
          position: relative;
      }
  
      .image-container img {
          width: 100%;
          height: 100%;
          object-fit: cover; /* Maintain aspect ratio and fit inside the container */
          position: absolute;
          top: 0;
          left: 0;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Add a drop shadow to the image */
          border-radius: 5px;
      }

      .overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
      }


      .toplink:hover .overlay {
          background-color: rgba(255, 255, 255, 0.1); /* Lighten the overlay on hover */
      }

  
      .link-title {
          position: absolute; /* Position the title absolutely within the link */
          top: 80%; /* Center vertically */
          left: 50%; /* Center horizontally */
          transform: translate(-50%, -50%); /* Center the title precisely */
          background-color: #000925; /* Background color for the title */
          opacity: 0.8;
          color: white; /* Text color for the title */
          padding: 5px 10px; /* Add padding to the title for better visibility */
          font-size: 16px; /* Adjust font size for legibility */
          width: 90%;
          border: 1px solid white;
          border-radius: 5px;
          
      }

      .beginner-stamp {
        position: absolute;
        top: 10px;
        left: 10px;
        background-color: limegreen;
        color: #000925;
        padding: 5px;
        font-size: 10px;
        border-radius: 5px;
        font-weight: bold;
    }