/*
 * Custom responsive image classes to fix the issues with:
 * - .uk-responsive-width using height:auto which can make tall images very tall
 * - .uk-responsive-height using width:auto; height:100% which can cause distortion
 */

.uk-responsive-width {
    max-width: 100% !important;
    height: auto;
    max-height: 500px; /* Prevents extremely tall images */
}

.uk-responsive-height {
    max-height: 100%;
    width: auto;
    max-width: 500px; /* Prevents extremely wide images */
}