#embedded {
    background-color: #a584e4; 
    height: 100px; 
    border: 1px solid #a584e4;
    border-radius: 16px;
    box-shadow: 0 0 12px #a584e4;
}

#embedded-img {
    max-width: 100%; /* This is the key line */
    height: 31; /* Maintains aspect ratio */
    border: 1px solid #a584e4;
    border-radius: 8px;
    box-shadow: 0 0 12px #a584e4;
}

@keyframes borderGlow {
    0% {
      box-shadow: 0 0 6px #a584e4, 0 0 12px #a584e4;
      border-color: #a584e4;
    }
    50% {
      box-shadow: 0 0 12px #bda3ff, 0 0 24px #bda3ff;
      border-color: #bda3ff;
    }
    100% {
      box-shadow: 0 0 6px #a584e4, 0 0 12px #a584e4;
      border-color: #a584e4;
    }
  }
  
  .glowing-border {
    max-width: 100%;
    height: 31px;
    border: 1px solid #a584e4;
    border-radius: 8px;
    box-shadow: 0 0 12px #a584e4;
    animation: borderGlow 2s infinite ease-in-out;
  }