/* Base Style */
.img-frame {
  display: block;
  max-width: 100%;
  object-fit: cover;
}

/* Circular Frame */
.frame-circular {
  border-radius: 50%; 
  aspect-ratio: 1 / 1; 
  width: 80%;
}

/* Square Frame */
.frame-square {
  border-radius: 0; 
  aspect-ratio: 1 / 1;
  width: 80%; 
}

/* Square Rounded Frame */
.frame-square-rounded {
  border-radius: .5rem; 
  aspect-ratio: 1 / 1;
  width: 80%; 
}

/* Landscape Frame */
.frame-landscape {
  border-radius: 0; 
  aspect-ratio: 16 / 9; 
  width: 80%; 
}

/* Landscape Rounded Frame */
.frame-landscape-rounded {
  border-radius: 8px; 
  aspect-ratio: 16 / 9; 
  width: 80%; 
}