colorspace css refactor

gistfile1.html

<style>
    #color_analysis_content .card {
        height: 300px;
        justify-content: space-between;
    }
</style>
<div id="color_analysis_content" ic-get-from="/data/r_analysis/recolor/ICDB000060/rondoni_HT_dors_comp.tif/" ic-trigger-on="load" class="mt-2" ic-src="/data/r_analysis/recolor/ICDB000060/rondoni_HT_dors_comp.tif/" ic-deps="ignore" ic-id="2">
    <div class="row">
        <!-- Original image -->
        <div class="col-12 col-sm-6 col-lg-2">
            <div class="card">
                <h5 class="card-title text-center pt-2 m-0 mt-2">Original</h5>
                <img src=" /static/r_analysis/fce40b74701754dc6be7dcadf961fd1503f46daa0f26b339991b715c5a905fc8c37635b4f50f5bb9.png" class="card-img-bottom" style="max-height: 260px;width: auto;">
            </div>
        </div>
        <!-- Recolorize -->
        <div class="col-12 col-sm-6 col-lg-3">
            <div class="card">
                <h5 class="card-title text-center pt-2 m-0 mt-2">Recolored</h5>
                <div class="d-flex flex-nowrap mx-auto">
                    <img src=" /static/r_analysis/fce40b74701754dc6be7dcadf961fd1503f46daa07ded3b857a50caaff6f02337999bfe5225f6e99.png" style="max-height:260px;max-width:85%;width:auto;">
                    <img src=" /static/r_analysis/fce40b74701754dc6be7dcadf961fd1503f46daa84d4073e2ee8fe9945c7a6152239db0d10f93bbb.png" class="pr-4 pt-2 my-auto" style="max-height:260px;max-width:15%;width:auto;">
                </div>
            </div>
        </div>
        <!-- Coldist -->
        <div class="col-12 col-sm-12 col-lg-7">
            <div class="d-flex flex-column align-items-end">
                <div id="colordist_content" ic-get-from="/data/r_analysis/coldist/ICDB000060/rondoni_HT_dors_comp.tif/rgb" ic-trigger-on="load" ic-src="/data/r_analysis/coldist/ICDB000060/rondoni_HT_dors_comp.tif/rgb" ic-deps="ignore" ic-id="34">
                    <div class="row">
                        <div class="col-6">
                            <!-- Plot clusters -->
                            <div class="card mt-3 mt-lg-0">
                                <h5 class="card-title text-center pt-2 m-0 mt-2">Color clusters</h5>
                                <img src="/static/r_analysis/fce40b74701754dc6be7dcadf961fd1503f46daa8f03b2df0bf10b1c2db18f5a3982c7498651622c.png" class="card-img-bottom mx-auto" style="transform:translateY(-20px);">
                            </div>
                        </div>
                        <div class="col-6">
                            <!-- Pixel plot -->
                            <div class="card mt-3 mt-lg-0">
                                <h5 class="card-title text-center pt-2 m-0 mt-2">Pixel plot</h5>
                                <img src="/static/r_analysis/fce40b74701754dc6be7dcadf961fd1503f46daa254e310bfb3c60a2dc3c7687198c0c2ba99e3494.png" class="card-img-bottom mx-auto" style="transform:translateY(-20px);">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Colorspace controls -->
                <div ic-target="#colordist_content" ic-switch-class="active" class="mx-auto mt-3">
                    <button class="btn btn-outline-primary active mx-1" ic-get-from="/data/r_analysis/coldist/ICDB000060/rondoni_HT_dors_comp.tif/rgb" ic-src="/data/r_analysis/coldist/ICDB000060/rondoni_HT_dors_comp.tif/rgb" ic-trigger-on="default" ic-deps="ignore">RGB</button>
                    <button class="btn btn-outline-primary mx-1" ic-get-from="/data/r_analysis/coldist/ICDB000060/rondoni_HT_dors_comp.tif/hsv" ic-src="/data/r_analysis/coldist/ICDB000060/rondoni_HT_dors_comp.tif/hsv" ic-trigger-on="default" ic-deps="ignore">HSV</button>
                    <button class="btn btn-outline-primary mx-1" ic-get-from="/data/r_analysis/coldist/ICDB000060/rondoni_HT_dors_comp.tif/lab" ic-src="/data/r_analysis/coldist/ICDB000060/rondoni_HT_dors_comp.tif/lab" ic-trigger-on="default" ic-deps="ignore">CIE Lab</button>
                </div>
            </div>
        </div>
    </div>
</div>