/** Background **/
.img-background-case-curve {
    background-image: image-set(
        url("../images/background/case-curve.webp") type("image/webp"),
        url("../images/background/case-curve.png") type("image/png")
    );
}
.img-background-pattern-01 {
    background-image: image-set(
            url("../images/background/pattern-01.webp") type("image/webp"),
            url("../images/background/pattern-01.png") type("image/png")
    );
}
.img-background-pattern-02 {
    background-image: image-set(
            url("../images/background/pattern-02.webp") type("image/webp"),
            url("../images/background/pattern-02.png") type("image/png")
    );
}
.img-background-pattern-03 {
    background-image: image-set(
            url("../images/background/pattern-03.webp") type("image/webp"),
            url("../images/background/pattern-03.png") type("image/png")
    );
}
.img-background-pattern-04 {
    background-image: image-set(
            url("../images/background/pattern-04.webp") type("image/webp"),
            url("../images/background/pattern-04.png") type("image/png")
    );
}
.img-background-pattern-05 {
    background-image: image-set(
            url("../images/background/pattern-05.webp") type("image/webp"),
            url("../images/background/pattern-05.png") type("image/png")
    );
}

/** Icons **/
.img-icons-icon-01 {
    background-image: image-set(
            url("../images/icons/icon-01.webp") type("image/webp"),
            url("../images/icons/icon-01.png") type("image/png")
    );
}
.img-icons-icon-02 {
    background-image: image-set(
            url("../images/icons/icon-02.webp") type("image/webp"),
            url("../images/icons/icon-02.png") type("image/png")
    );
}
.img-icons-icon-03 {
    background-image: image-set(
            url("../images/icons/icon-03.webp") type("image/webp"),
            url("../images/icons/icon-03.png") type("image/png")
    );
}
.img-icons-icon-04 {
    background-image: image-set(
            url("../images/icons/icon-04.webp") type("image/webp"),
            url("../images/icons/icon-04.png") type("image/png")
    );
}
.img-icons-icon-05 {
    background-image: image-set(
            url("../images/icons/icon-05.webp") type("image/webp"),
            url("../images/icons/icon-05.png") type("image/png")
    );
}
.img-icons-icon-06 {
    background-image: image-set(
            url("../images/icons/icon-06.webp") type("image/webp"),
            url("../images/icons/icon-06.png") type("image/png")
    );
}
.img-icons-icon-07 {
    background-image: image-set(
            url("../images/icons/icon-07.webp") type("image/webp"),
            url("../images/icons/icon-07.png") type("image/png")
    );
}
.img-icons-icon-08 {
    background-image: image-set(
            url("../images/icons/icon-08.webp") type("image/webp"),
            url("../images/icons/icon-08.png") type("image/png")
    );
}
.img-icons-icon-09 {
    background-image: image-set(
            url("../images/icons/icon-09.webp") type("image/webp"),
            url("../images/icons/icon-09.png") type("image/png")
    );
}
.img-icons-icon-10 {
    background-image: image-set(
            url("../images/icons/icon-10.webp") type("image/webp"),
            url("../images/icons/icon-10.png") type("image/png")
    );
}
.img-icons-pattern-01 {
    background-image: image-set(
            url("../images/icons/pattern-01.webp") type("image/webp"),
            url("../images/icons/pattern-01.png") type("image/png")
    );
}
.img-icons-pattern-02 {
    background-image: image-set(
            url("../images/icons/pattern-02.webp") type("image/webp"),
            url("../images/icons/pattern-02.png") type("image/png")
    );
}
.img-icons-pattern-03 {
    background-image: image-set(
            url("../images/icons/pattern-03.webp") type("image/webp"),
            url("../images/icons/pattern-03.png") type("image/png")
    );
}