.\!aspect-auto {
    aspect-ratio: auto !important
}

.aspect-\[1\/1\] {
    aspect-ratio: 1/1
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9
}

.aspect-\[2\/1\] {
    aspect-ratio: 2/1
}

.aspect-\[2\/3\] {
    aspect-ratio: 2/3
}

.aspect-\[3\/2\] {
    aspect-ratio: 3/2
}

.aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

.aspect-\[4\/5\] {
    aspect-ratio: 4/5
}

.aspect-\[77\/100\] {
    aspect-ratio: 77/100
}

.aspect-\[9\/16\] {
    aspect-ratio: 9/16
}

.aspect-square {
    aspect-ratio: 1/1
}

.after\:aspect-\[16\/9\]:after {
    content: var(--tw-content);
    aspect-ratio: 16/9
}

@media (min-width:414px) {
    .xs\:aspect-\[3\/3\] {
        aspect-ratio: 3/3
    }
}


@media (min-width:768px) {

    .sm\:aspect-\[16\/9\] {
        aspect-ratio: 16/9
    }

    .sm\:aspect-\[3\/2\] {
        aspect-ratio: 3/2
    }

    .sm\:aspect-\[3\/4\] {
        aspect-ratio: 3/4
    }

    .sm\:aspect-\[5\/4\] {
        aspect-ratio: 5/4
    }

    
}

@media (min-width:992px) {
    .md\:aspect-\[16\/10\] {
        aspect-ratio: 16/10
    }    
}

@media (max-width:991px) {
   
    .max-md\:aspect-\[16\/9\] {
        aspect-ratio: 16/9
    }
  
}

@media (min-width:1024px) {
 
    .mdlg\:aspect-\[15\/17\] {
        aspect-ratio: 15/17
    }

    .lg\:aspect-\[5\/3\] {
        aspect-ratio: 5/3
    }

}