/* 16:9 aspect ratio */
.asp-16-9 {
    aspect-ratio: 16 / 9;
}

/* 4:3 aspect ratio */
.asp-4-3 {
    aspect-ratio: 4 / 3;
}

/* 1:1 aspect ratio (square) */
.asp-1-1 {
    aspect-ratio: 1 / 1;
}

/* 3:2 aspect ratio */
.asp-3-2 {
    aspect-ratio: 3 / 2;
}

/* 8:5 (or 16:10) aspect ratio */
.asp-8-5 {
    aspect-ratio: 8 / 5;
}

/* 5:4 aspect ratio */
.asp-5-4 {
    aspect-ratio: 5 / 4;
}

/* 21:9 aspect ratio (ultrawide) */
.asp-21-9 {
    aspect-ratio: 21 / 9;
}

.asp-56-25 {
    aspect-ratio: 56 / 25; /* Equivalent to 21 / 9 but with more height */
}

.asp-63-33 {
    aspect-ratio: 63 / 33;
}

/* 3:1 aspect ratio */
.asp-3-1 {
    aspect-ratio: 3 / 1;
}

/* 4:1 aspect ratio */
.asp-4-1 {
    aspect-ratio: 4 / 1;
}

/* 5:1 aspect ratio */
.asp-5-1 {
    aspect-ratio: 5 / 1;
}

/* 2:3 aspect ratio */
.asp-2-3 {
    aspect-ratio: 2 / 3;
}

/* 1:3 aspect ratio */
.asp-1-3 {
    aspect-ratio: 1 / 3;
}

/* 2:1 aspect ratio */
.asp-2-1 {
    aspect-ratio: 2 / 1;
}

/* 1.6:1 aspect ratio */
.asp-1_6-1 {
    aspect-ratio: 1.6 / 1;
}

/* 1.4:1 aspect ratio */
.asp-1_4-1 {
    aspect-ratio: 1.4 / 1;
}

/* 3:4 aspect ratio */
.asp-3-4 {
    aspect-ratio: 3 / 4;
}

/* 1:4 aspect ratio */
.asp-1-4 {
    aspect-ratio: 1 / 4;
}

/* 9:16 aspect ratio (vertical 16:9) */
.asp-9-16 {
    aspect-ratio: 9 / 16;
}