img[data-bs-style="responsive"] {
    height: auto !important;
}
img[data-bs-style="responsive2"] {
    height: auto !important;
}

@media (max-width: 575.98px) {
    img[data-bs-style="responsive"] {
        width: 70% !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    img[data-bs-style="responsive"] {
        width: 60% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    img[data-bs-style="responsive"] {
        width: 50% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    img[data-bs-style="responsive"] {
        width: 45% !important;
    }
}

@media (min-width: 1200px) {
    img[data-bs-style="responsive"] {
        width: 40% !important;
    }
}



@media (max-width: 767.98px) {
    img[data-bs-style="responsive2"] {
        width: 60% !important;
    }
}

@media (min-width: 768px) { /* md 이상 */
    img[data-bs-style="responsive2"] {
        width: 95% !important;
    }
}
@media (min-width: 992px) { /* lg 이상 */
    img[data-bs-style="responsive2"] {
        width: 90% !important;
    }
}

img[data-bs-style="responsivecol3"] {
  width: 80%;
  height: auto;
}

@media (min-width: 576px) {
  img[data-bs-style="responsivecol3"] { width: 70%; }
}

@media (min-width: 768px) {
  img[data-bs-style="responsivecol3"] { width: 50%; }
}

@media (min-width: 992px) {
  img[data-bs-style="responsivecol3"] { width: 80%; }
}