Service Box - Copy this React, Tailwind Component to your project

I want to create one section in which i will show services we provide. Description: There will be total 4 boxes, One row contain one box and other row contain other two box. Box Size will be 400X250px for laptop screen size. for tablet screen size it will be 300X250 px. And for mobile size it will be 200X300 px and there will be single row and all boxes will be in that row. For mobile size provide slider effect. If user slides then he can show other boxes. Styling of box: All content will be left align, provide margin and padding accordingly. First at the top left there will be svg icon. Then after that below svg icon there will be title. And after that title, there will be description. When we hover on the box, the bg color will be changed. And provide some smooth pop up effect. Now Create this in React js.