如何在台式机和移动设备上使图片中的文字动态显示

基本上我有这个形象：

任务是使文本动态化, 以便可以对其进行更改, 并使其对移动设备具有响应能力。我还没有尝试过任何东西, 因为我在哪里开始感到困惑。

#1

Write **Media Query** click below link for better understanding.

例子

/* Mobile Styles */
@media only screen and (max-width: 400px) {
 body {
   /* Change the alignment Here (**Write css** here for Mobile)*/
 }
}
/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
 body {
   /* Change the alignment Here (**Write css** here for Tablet)*/
 }
}
/* Desktop Styles */
@media only screen and (min-width: 961px) {
 body {
   /* Change the alignment Here (**Write css** here for Desktop)*/
 }
}