.logo-box {
  width: 450px;
  height: 175px;
  overflow: hidden; /* optional */
}

.logo-box img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* hoặc cover */
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .logo-box {
    width: 400px;
    height: 125px;
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1536px) {
  .logo-box {
    width: 450px;
    height: 175px;
  }
}

@media only screen and (min-width: 1537px) {
  .logo-box {
    width: 500px;
    height: 200px;
  }
}