feat: improve Drolosoft responsibilities layout with grid-based design

- Added CSS grid layout for responsibilities with company logos
- 60px logo column on left, flexible text column on right
- Matches main experience items layout style
- Removed inline styles, using pure CSS for sizing
- Updated JSON structure to use img+div instead of inline images
- Added proper alt attributes to images
- Verified with Playwright testing - all layouts render correctly

static/css/main.css

@@ -777,6 +777,30 @@ iconify-icon {
     color: var(--text-gray);
 }
 
+/* Responsibilities with company logos (similar to main experience layout) */
+.responsibilities li:has(img) {
+    display: grid;
+    grid-template-columns: 60px 1fr;
+    gap: 1rem;
+    padding-left: 0;
+    margin-bottom: 1rem;
+    align-items: start;
+}
+
+.responsibilities li:has(img):before {
+    display: none;
+}
+
+.responsibilities li img {
+    width: 60px;
+    height: 60px;
+    object-fit: contain;
+    border-radius: 4px;
+    border: 1px solid #ddd;
+    background: #f5f5f5;
+    padding: 4px;
+}
+
 /* Education */
 .education-item {
     margin-bottom: 1rem;