img {
  max-width: 480px;
  max-height: 270px;
}

ul li a {
  text-decoration: none !important;
}

ul li a:hover {
  text-decoration: underline !important;
  text-underline-offset: 0.25rem;
}

ul li a::after {
  content: url(./cook/images/external-link.webp) !important;
  display: inline-block; /* Allows for width/height and vertical alignment */
  vertical-align: middle; /* Aligns the image with the text */
  margin-left: 5px; /* Adds some space between the link and the image */
}