JSFiddle - React, Tailwind, and code Playground

by thindery

HTML

<div>
    <img src="https://papermusepress.scene7.com/is/image/papermusepress?layer=0&src=fxg{papermusepress/WEDD_PROI_003_00?$productPreset$&imageres=140&wid=800}&scl=1&fmt=png-alpha&qlt=90&op_usm=0.3,1&extend=10,10,10,10&effect=-1&blendM">
</div>
<div class="css">
    <img src="https://papermusepress.scene7.com/is/image/papermusepress?layer=0&src=fxg{papermusepress/WEDD_PROI_003_00?$productPreset$&imageres=140&wid=1500}&scl=1&fmt=png-alpha&qlt=90&op_usm=0.3,1&extend=10,10,10,10&effect=-1&blendM" >
</div>
    
    <div class="css_percent">
    <img src="https://papermusepress.scene7.com/is/image/papermusepress?layer=0&src=fxg{papermusepress/WEDD_PROI_003_00?$productPreset$&imageres=140&wid=1500}&scl=1&fmt=png-alpha&qlt=90&op_usm=0.3,1&extend=10,10,10,10&effect=-1&blendM" >
</div>  
        
        
        <!-- image 2 -->
        
        <div>
    <img src="https://papermusepress.scene7.com/is/image/papermusepress?layer=0&src=fxg{papermusepress/BABY_ANN_009_00?$productPreset$&imageres=140&wid=800}&scl=1&fmt=png-alpha&qlt=90&op_usm=0.3,1&extend=10,10,10,10&effect=-1&blendM">
</div>
<div class="css">
    <img src="https://papermusepress.scene7.com/is/image/papermusepress?layer=0&src=fxg{papermusepress/BABY_ANN_009_00?$productPreset$&imageres=140&wid=1500}&scl=1&fmt=png-alpha&qlt=90&op_usm=0.3,1&extend=10,10,10,10&effect=-1&blendM" >
</div>
    
    <div class="css_percent">
    <img src="https://papermusepress.scene7.com/is/image/papermusepress?layer=0&src=fxg{papermusepress/BABY_ANN_009_00?$productPreset$&imageres=140&wid=1500}&scl=1&fmt=png-alpha&qlt=90&op_usm=0.3,1&extend=10,10,10,10&effect=-1&blendM" >
</div>

CSS

.css > img {
    max-width: 800px;
}

.css_percent > img {
    max-width: 80%;
}