body {
  background-color: #f0f0f0 !important;
}
.card {
  max-width: 600px !important;
  width: 100% !important;
}
img.full-width {
  width: 100%;
}

.img-fluid {
  max-width: 100%;
  height: auto;
  width: 100%;
  height: 100% !important;
  margin: 0px !important;
  opacity: 1 !important;
  transition: opacity 0.5s ease 0s !important;
  object-position: center center !important;
  object-fit: cover !important;
}
/* styles.css o en tu archivo CSS correspondiente */
.custom-rounded {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

@media (min-width: 768px) {
  /* md breakpoint en Bootstrap 5 */
  .custom-rounded {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
  }
}