Load different images sizes depending on the screen size

Use responsive images `<picture>` to load different sizes

src/style/molecules/_photo.scss

@@ -43,6 +43,7 @@
         // Alignment (left or right for list view)
         .align {
             position: relative;
+            width: 100%;
             max-width: 1180px;
             margin: 0;
             padding: 0;
@@ -53,6 +54,8 @@
             overflow: hidden;
             position: relative;
             z-index: 2;
+            display: block;
+            width: 100%;
             border-radius: 0;
             box-shadow: 0 8px 18px rgba(#715E4E, 0.2);
             user-select: none;
@@ -87,6 +90,7 @@
 
         a {
             display: block;
+            width: 100%;
             text-decoration: none;
 
             // Hover

src/style/organisms/_photos.scss

@@ -182,6 +182,9 @@
 
             // Image
             &__image {
+                &--img {
+                    border-radius: 8px;
+                }
                 &--number {
                     font-size: rem(96px);
                     bottom: -88px;