Different ratio

Hello,

Actually in my theme i call my image like that:

<?php the_post_thumbnail('article-image', array('class' => 'theme-image-img')); ?>

And i want to load different size of my image per screen size, but not with the same ratio.

add_image_size( ‘article-image’, 270, 150, true ); /* FOR DESKTOP VIEW */
add_image_size( ‘article-image’, 600, 150, true ); /* FOR IPAD VIEW */
add_image_size( ‘article-image’, 350, 150, true ); /* FOR MOBILE VIEW */

How can i do that ?

https://www.ads-software.com/plugins/ricg-responsive-images/