[CSS] background-image 이미지 포맷 설정

출처:
https://www.irigoyen.dev/blog/2021/02/11/image-fallbacks-in-css-using-supports/

<picture>
	<source type="image/avif" srcset="./test.avif"/>
    <source type="image/webp" srcset="./test.webp"/>
</picture>

위와 같은 처리를 css background-image에서 처리하려면

.test {
	@supports (background-image: url("./test.webp")) {
    	background-image: url("./test.webp");
    }
    
    @supports (background-image: url("./test.avif")) {
    	background-image: url("./test.avif");
    }
}

supports 키워드를 사용하여 지원 확인 후 반영되도록 한다
정확하게 적용되는지는 확인하지 못함