.tilted-box {
    width: 200px;
    height: 300px;
    background-size: cover;
    background-position: center;
    transform: rotate(-10deg);
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 1);
    margin: auto;
}
.tilted-box.right {
    transform: rotate(10deg);
}
body {
    background-color: #212529; /* fondo oscuro */
}
.image-box {
  width: 80%;
  height: 220px; /* o el tamaño que prefieras */
  overflow: hidden;
  border-radius: 21px 21px 0 0;
  background-color: #fff; /* opcional para que el fondo se vea claro */
}

.img-fit {
  width: 100%;
  height: 100%;
  object-fit: contain;  /* <-- esto muestra la imagen completa */
  object-position: center;
}

.offcanvas-end.custom-width {
  width: 600px; /* Ajusta según lo que necesites */
}