body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: linear-gradient(135deg, #2c1810 0%, #1a0f08 50%, #0d0804 100%);
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    font-family: 'Arial', sans-serif;
}

div {
    display: inline-block;
    width: 30vw;
    min-width: 250px;
    max-width: 400px;
    aspect-ratio: 3/4;
    background: url(mujer.jpg);
    background-position: top center;
    background-size: cover;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

div:hover {
    transform: scale(1.05);
}
  
  .estilo-vintage {
    position: relative;
    filter: grayscale(1) blur(1px) contrast(1.2) sepia(1) blur(0.25px);
    -webkit-mask: radial-gradient(#000, #000a);
  }
  
  .estilo-vintage::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-mask: radial-gradient(farthest-side, #0000 30%, #000);
    backdrop-filter: blur(5px) sepia(90%);
  }
  
  .estilo-vintage::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><filter id='noise' x='0%' y='0%' width='100%' height='100%'><feTurbulence baseFrequency='0.5' /></filter><rect x='0' y='0' width='100%' height='100%' filter='url(%23noise)' /></svg>"), #f003;
    filter: grayscale(100%) contrast(150%);
    mix-blend-mode: darken;
  }