/* 針對 Keycloak 登入頁面的 body 標籤設定背景 */
.login-pf body   {
  background-image: url('../img/background.svg');
  background-repeat: repeat;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.pf-v5-c-login__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

svg {
    max-width: 100%; /* 確保 SVG 不會超出其父容器的寬度 */
    height: auto;    /* 關鍵：自動計算高度以保持長寬比 */
    display: block;  /* (可選) 讓 SVG 行為更像區塊元素，消除底部多餘空白 */
}

/* 如果是您圖片中的 Microsoft Logo */
.pf-v5-u-display-flex svg {
    height: 1em; /* 或者設定為您需要的固定大小，例如 16px 或 24px */
    width: auto; 
}