 
               <svg className="light-box-subject" width={125} height={125} viewBox={viewBox} >
                   <SVGImage
-                    src = {@state.first.location.standard}
+                    src = {if @state.first.location.thumbnail then @state.first.location.thumbnail else @state.first.location.standard}
                     width = {100}
                     height = {100}
                   />

                <span className="page-number">{second.order}</span>
                <svg className="light-box-subject" width={125} height={125} viewBox={viewBox} >
                    <SVGImage
                      src = {second.location.standard}
                      width = {100}
                      height = {100}
                    />

                <span className="page-number">{third.order}</span>
                <svg className="light-box-subject" width={125} height={125} viewBox={viewBox} >
                    <SVGImage
                      src = {if third.location.thumbnail then third.location.thumbnail else third.location.standard}
                      width = {100}
                      height = {100}
                    />
