adding some defaults to image tags

src/resources/css/app.css

@@ -26,7 +26,30 @@
 @import 'components/navbars.css';
 @import 'components/pagination.css';
 
+:root {
+    --primary-text-color: hsl(0, 90.4%, 59.2%);
+    --primary-text-color-gradient-start: hsl(270, 66.9%, 47.5%);
+    --primary-text-color-gradient-end: hsl(330, 100%, 50%);
+
+    --text-info-color: hsl(191, 82%, 50%);
+    --text-info-color-gradient-start: hsl(227, 100%, 56.5%);
+    --text-info-color-gradient-end: hsl(191, 98.2%, 56.1%);
+
+    --text-success-color: hsl(86, 81.4%, 46.3%);
+    --text-success-color-gradient-start: hsl(133, 76.5%, 38.4%);
+    --text-success-color-gradient-end: hsl(72, 81.1%, 52.4%);
+
+    --text-warning-color: hsl(47, 96.2%, 59.2%);
+    --text-warning-color-gradient-start: hsl(0, 90.4%, 59.2%);
+    --text-warning-color-gradient-end: hsl(47, 96.2%, 59.2%);
+
+    --text-danger-color: hsl(0, 95%, 47.1%);
+    --text-danger-color-gradient-start: hsl(0, 92.8%, 43.5%);
+    --text-danger-color-gradient-end: hsl(344, 100%, 70%);
+}
+
 body {
+    background-image: linear-gradient(100deg, hsl(0, 0%, 98%), hsl(240, 5.9%, 90%));
     color: hsl(240, 5.9%, 10%);
     /*color: lch(8.35%, 2.25, 285.92);*/
     -webkit-font-smoothing: antialiased;
@@ -50,6 +73,16 @@ nav {
     user-select: none;
 }
 
+img {
+    max-width: 100%;
+    height: auto;
+    vertical-align: middle;
+    font-style: italic;
+    background-repeat: no-repeat;
+    background-size: cover;
+    shape-margin: 0.75rem;
+}
+
 @media (max-width: 1023px) {
     .grid-container {
         @apply grid-cols-1;