diff --git a/src/static/images/404-illustration.svg b/images/404-illustration.svg similarity index 100% rename from src/static/images/404-illustration.svg rename to images/404-illustration.svg diff --git a/src/static/images/bg-cityscape.svg b/images/bg-cityscape.svg similarity index 100% rename from src/static/images/bg-cityscape.svg rename to images/bg-cityscape.svg diff --git a/src/static/images/bg-featured-challenges.svg b/images/bg-featured-challenges.svg similarity index 100% rename from src/static/images/bg-featured-challenges.svg rename to images/bg-featured-challenges.svg diff --git a/src/static/images/bg-fireworks-left.svg b/images/bg-fireworks-left.svg similarity index 100% rename from src/static/images/bg-fireworks-left.svg rename to images/bg-fireworks-left.svg diff --git a/src/static/images/bg-fireworks-right.svg b/images/bg-fireworks-right.svg similarity index 100% rename from src/static/images/bg-fireworks-right.svg rename to images/bg-fireworks-right.svg diff --git a/src/static/images/bg-hero.jpg b/images/bg-hero.jpg similarity index 100% rename from src/static/images/bg-hero.jpg rename to images/bg-hero.jpg diff --git a/src/static/images/bg-hero@2x.jpg b/images/bg-hero@2x.jpg similarity index 100% rename from src/static/images/bg-hero@2x.jpg rename to images/bg-hero@2x.jpg diff --git a/src/static/images/bg-highway.jpg b/images/bg-highway.jpg similarity index 100% rename from src/static/images/bg-highway.jpg rename to images/bg-highway.jpg diff --git a/src/static/images/bg-highway@2x.jpg b/images/bg-highway@2x.jpg similarity index 100% rename from src/static/images/bg-highway@2x.jpg rename to images/bg-highway@2x.jpg diff --git a/src/static/images/bg-map.jpg b/images/bg-map.jpg similarity index 100% rename from src/static/images/bg-map.jpg rename to images/bg-map.jpg diff --git a/src/static/images/bg-map.svg b/images/bg-map.svg similarity index 100% rename from src/static/images/bg-map.svg rename to images/bg-map.svg diff --git a/src/static/images/bg-map@2x.jpg b/images/bg-map@2x.jpg similarity index 100% rename from src/static/images/bg-map@2x.jpg rename to images/bg-map@2x.jpg diff --git a/src/static/images/bg-settings.svg b/images/bg-settings.svg similarity index 100% rename from src/static/images/bg-settings.svg rename to images/bg-settings.svg diff --git a/src/static/images/bg-space.jpg b/images/bg-space.jpg similarity index 100% rename from src/static/images/bg-space.jpg rename to images/bg-space.jpg diff --git a/src/static/images/bg-space@2x.jpg b/images/bg-space@2x.jpg similarity index 100% rename from src/static/images/bg-space@2x.jpg rename to images/bg-space@2x.jpg diff --git a/src/static/images/bg-world-map.svg b/images/bg-world-map.svg similarity index 100% rename from src/static/images/bg-world-map.svg rename to images/bg-world-map.svg diff --git a/src/static/images/buildings.svg b/images/buildings.svg similarity index 100% rename from src/static/images/buildings.svg rename to images/buildings.svg diff --git a/src/static/images/cat-and-laptop.svg b/images/cat-and-laptop.svg similarity index 100% rename from src/static/images/cat-and-laptop.svg rename to images/cat-and-laptop.svg diff --git a/src/static/images/diamond.svg b/images/diamond.svg similarity index 100% rename from src/static/images/diamond.svg rename to images/diamond.svg diff --git a/src/static/images/expert.svg b/images/expert.svg similarity index 100% rename from src/static/images/expert.svg rename to images/expert.svg diff --git a/src/static/images/find.svg b/images/find.svg similarity index 100% rename from src/static/images/find.svg rename to images/find.svg diff --git a/src/static/images/fpo-news-image.jpg b/images/fpo-news-image.jpg similarity index 100% rename from src/static/images/fpo-news-image.jpg rename to images/fpo-news-image.jpg diff --git a/src/static/images/fpo-news-image@2x.jpg b/images/fpo-news-image@2x.jpg similarity index 100% rename from src/static/images/fpo-news-image@2x.jpg rename to images/fpo-news-image@2x.jpg diff --git a/src/static/images/globe.svg b/images/globe.svg similarity index 100% rename from src/static/images/globe.svg rename to images/globe.svg diff --git a/src/static/images/godzilla.svg b/images/godzilla.svg similarity index 100% rename from src/static/images/godzilla.svg rename to images/godzilla.svg diff --git a/src/static/images/high-five.svg b/images/high-five.svg similarity index 100% rename from src/static/images/high-five.svg rename to images/high-five.svg diff --git a/src/static/images/home.svg b/images/home.svg similarity index 100% rename from src/static/images/home.svg rename to images/home.svg diff --git a/src/static/images/illustration-choose.svg b/images/illustration-choose.svg similarity index 100% rename from src/static/images/illustration-choose.svg rename to images/illustration-choose.svg diff --git a/src/static/images/illustration-completed-tasks.svg b/images/illustration-completed-tasks.svg similarity index 100% rename from src/static/images/illustration-completed-tasks.svg rename to images/illustration-completed-tasks.svg diff --git a/src/static/images/illustration-map.svg b/images/illustration-map.svg similarity index 100% rename from src/static/images/illustration-map.svg rename to images/illustration-map.svg diff --git a/src/static/images/illustration-tasks.svg b/images/illustration-tasks.svg similarity index 100% rename from src/static/images/illustration-tasks.svg rename to images/illustration-tasks.svg diff --git a/src/static/images/landuse.svg b/images/landuse.svg similarity index 100% rename from src/static/images/landuse.svg rename to images/landuse.svg diff --git a/src/static/images/lines.svg b/images/lines.svg similarity index 100% rename from src/static/images/lines.svg rename to images/lines.svg diff --git a/src/static/images/mountain-flag.svg b/images/mountain-flag.svg similarity index 100% rename from src/static/images/mountain-flag.svg rename to images/mountain-flag.svg diff --git a/src/static/images/nyan-cat.svg b/images/nyan-cat.svg similarity index 100% rename from src/static/images/nyan-cat.svg rename to images/nyan-cat.svg diff --git a/src/static/images/pizza-slice.svg b/images/pizza-slice.svg similarity index 100% rename from src/static/images/pizza-slice.svg rename to images/pizza-slice.svg diff --git a/src/static/images/poi.svg b/images/poi.svg similarity index 100% rename from src/static/images/poi.svg rename to images/poi.svg diff --git a/src/static/images/points100.svg b/images/points100.svg similarity index 100% rename from src/static/images/points100.svg rename to images/points100.svg diff --git a/src/static/images/points1000.svg b/images/points1000.svg similarity index 100% rename from src/static/images/points1000.svg rename to images/points1000.svg diff --git a/src/static/images/points10000.svg b/images/points10000.svg similarity index 100% rename from src/static/images/points10000.svg rename to images/points10000.svg diff --git a/src/static/images/points100k.svg b/images/points100k.svg similarity index 100% rename from src/static/images/points100k.svg rename to images/points100k.svg diff --git a/src/static/images/points1m.svg b/images/points1m.svg similarity index 100% rename from src/static/images/points1m.svg rename to images/points1m.svg diff --git a/src/static/images/points500.svg b/images/points500.svg similarity index 100% rename from src/static/images/points500.svg rename to images/points500.svg diff --git a/src/static/images/points5000.svg b/images/points5000.svg similarity index 100% rename from src/static/images/points5000.svg rename to images/points5000.svg diff --git a/src/static/images/points50000.svg b/images/points50000.svg similarity index 100% rename from src/static/images/points50000.svg rename to images/points50000.svg diff --git a/src/static/images/points500k.svg b/images/points500k.svg similarity index 100% rename from src/static/images/points500k.svg rename to images/points500k.svg diff --git a/src/static/images/roads.svg b/images/roads.svg similarity index 100% rename from src/static/images/roads.svg rename to images/roads.svg diff --git a/src/static/images/rocket.svg b/images/rocket.svg similarity index 100% rename from src/static/images/rocket.svg rename to images/rocket.svg diff --git a/src/static/images/shipping-truck.svg b/images/shipping-truck.svg similarity index 100% rename from src/static/images/shipping-truck.svg rename to images/shipping-truck.svg diff --git a/src/static/images/skyline.svg b/images/skyline.svg similarity index 100% rename from src/static/images/skyline.svg rename to images/skyline.svg diff --git a/src/static/images/teams.svg b/images/teams.svg similarity index 100% rename from src/static/images/teams.svg rename to images/teams.svg diff --git a/src/static/images/transit.svg b/images/transit.svg similarity index 100% rename from src/static/images/transit.svg rename to images/transit.svg diff --git a/src/static/images/trophy.svg b/images/trophy.svg similarity index 100% rename from src/static/images/trophy.svg rename to images/trophy.svg diff --git a/src/static/images/unicorn.svg b/images/unicorn.svg similarity index 100% rename from src/static/images/unicorn.svg rename to images/unicorn.svg diff --git a/src/static/images/user_no_image.png b/images/user_no_image.png similarity index 100% rename from src/static/images/user_no_image.png rename to images/user_no_image.png diff --git a/src/static/images/water.svg b/images/water.svg similarity index 100% rename from src/static/images/water.svg rename to images/water.svg diff --git a/src/components/AchievementBadge/AchievementBadge.jsx b/src/components/AchievementBadge/AchievementBadge.jsx index d8460b738..6066329e2 100644 --- a/src/components/AchievementBadge/AchievementBadge.jsx +++ b/src/components/AchievementBadge/AchievementBadge.jsx @@ -15,7 +15,7 @@ import messages from './Messages' const badgeSettings = Object.freeze({ [Achievement.fixedTask]: { id: Achievement.fixedTask, - image: () => import('../../static/images/rocket.svg'), + image: () => import('../../../images/rocket.svg'), overlay: null, title: , description: @@ -23,7 +23,7 @@ const badgeSettings = Object.freeze({ [Achievement.fixedCoopTask]: { id: Achievement.fixedCoopTask, - image: () => import('../../static/images/high-five.svg'), + image: () => import('../../../images/high-five.svg'), overlay: null, title: , description: @@ -31,7 +31,7 @@ const badgeSettings = Object.freeze({ [Achievement.challengeCompleted]: { id: Achievement.challengeCompleted, - image: () => import('../../static/images/mountain-flag.svg'), + image: () => import('../../../images/mountain-flag.svg'), overlay: null, title: , description: @@ -39,7 +39,7 @@ const badgeSettings = Object.freeze({ [Achievement.fixedFinalTask]: { id: Achievement.fixedFinalTask, - image: () => import('../../static/images/unicorn.svg'), + image: () => import('../../../images/unicorn.svg'), overlay: null, title: , description: @@ -47,7 +47,7 @@ const badgeSettings = Object.freeze({ [Achievement.mappedRoads]: { id: Achievement.mappedRoads, - image: () => import('../../static/images/roads.svg'), + image: () => import('../../../images/roads.svg'), overlay: null, title: , description: @@ -55,7 +55,7 @@ const badgeSettings = Object.freeze({ [Achievement.mappedWater]: { id: Achievement.mappedWater, - image: () => import('../../static/images/water.svg'), + image: () => import('../../../images/water.svg'), overlay: null, title: , description: @@ -63,7 +63,7 @@ const badgeSettings = Object.freeze({ [Achievement.mappedTransit]: { id: Achievement.mappedTransit, - image: () => import('../../static/images/transit.svg'), + image: () => import('../../../images/transit.svg'), overlay: null, title: , description: @@ -71,7 +71,7 @@ const badgeSettings = Object.freeze({ [Achievement.mappedLanduse]: { id: Achievement.mappedLanduse, - image: () => import('../../static/images/landuse.svg'), + image: () => import('../../../images/landuse.svg'), overlay: null, title: , description: @@ -79,7 +79,7 @@ const badgeSettings = Object.freeze({ [Achievement.mappedBuildings]: { id: Achievement.mappedBuildings, - image: () => import('../../static/images/buildings.svg'), + image: () => import('../../../images/buildings.svg'), overlay: null, title: , description: @@ -87,7 +87,7 @@ const badgeSettings = Object.freeze({ [Achievement.mappedPoi]: { id: Achievement.mappedPoi, - image: () => import('../../static/images/poi.svg'), + image: () => import('../../../images/poi.svg'), overlay: null, title: , description: @@ -95,7 +95,7 @@ const badgeSettings = Object.freeze({ [Achievement.reviewedTask]: { id: Achievement.reviewedTask, - image: () => import('../../static/images/nyan-cat.svg'), + image: () => import('../../../images/nyan-cat.svg'), overlay: null, title: , description: @@ -103,7 +103,7 @@ const badgeSettings = Object.freeze({ [Achievement.createdChallenge]: { id: Achievement.createdChallenge, - image: () => import('../../static/images/godzilla.svg'), + image: () => import('../../../images/godzilla.svg'), overlay: null, title: , description: @@ -111,7 +111,7 @@ const badgeSettings = Object.freeze({ [Achievement.points100]: { id: Achievement.points100, - image: () => import('../../static/images/points100.svg'), + image: () => import('../../../images/points100.svg'), overlay: { text: , baseColor: "yellow", @@ -134,7 +134,7 @@ const badgeSettings = Object.freeze({ [Achievement.points500]: { id: Achievement.points500, - image: () => import('../../static/images/points500.svg'), + image: () => import('../../../images/points500.svg'), overlay: { text: , baseColor: "green-dark", @@ -157,7 +157,7 @@ const badgeSettings = Object.freeze({ [Achievement.points1000]: { id: Achievement.points1000, - image: () => import('../../static/images/points1000.svg'), + image: () => import('../../../images/points1000.svg'), overlay: { text: , baseColor: "blue-sttropaz", @@ -181,7 +181,7 @@ const badgeSettings = Object.freeze({ [Achievement.points5000]: { id: Achievement.points5000, - image: () => import('../../static/images/points5000.svg'), + image: () => import('../../../images/points5000.svg'), overlay: { text: , baseColor: "blue-rhino", @@ -205,7 +205,7 @@ const badgeSettings = Object.freeze({ [Achievement.points10000]: { id: Achievement.points10000, - image: () => import('../../static/images/points10000.svg'), + image: () => import('../../../images/points10000.svg'), overlay: { text: , baseColor: "cerise", @@ -229,7 +229,7 @@ const badgeSettings = Object.freeze({ [Achievement.points50000]: { id: Achievement.points50000, - image: () => import('../../static/images/points50000.svg'), + image: () => import('../../../images/points50000.svg'), overlay: { text: , baseColor: "yellow", @@ -253,7 +253,7 @@ const badgeSettings = Object.freeze({ [Achievement.points100k]: { id: Achievement.points100k, - image: () => import('../../static/images/points100k.svg'), + image: () => import('../../../images/points100k.svg'), overlay: { text: , baseColor: "turquoise", @@ -276,7 +276,7 @@ const badgeSettings = Object.freeze({ [Achievement.points500k]: { id: Achievement.points500k, - image: () => import('../../static/images/points500k.svg'), + image: () => import('../../../images/points500k.svg'), overlay: { text: , baseColor: "pink-light", @@ -299,7 +299,7 @@ const badgeSettings = Object.freeze({ [Achievement.points1m]: { id: Achievement.points1m, - image: () => import('../../static/images/points1m.svg'), + image: () => import('../../../images/points1m.svg'), overlay: { text: , baseColor: "yellow", diff --git a/src/components/ChallengeDetail/ChallengeCommentsPane.jsx b/src/components/ChallengeDetail/ChallengeCommentsPane.jsx index 171266852..4a0df37b5 100644 --- a/src/components/ChallengeDetail/ChallengeCommentsPane.jsx +++ b/src/components/ChallengeDetail/ChallengeCommentsPane.jsx @@ -9,7 +9,7 @@ import { postChallengeComment, } from "../../services/Challenge/ChallengeComments"; import { UseRouter } from "../../hooks/UseRouter/UseRouter"; -import defaultPic from "../../static/images/user_no_image.png"; +import defaultPic from "../../../images/user_no_image.png"; const calcHeight = (offset) => { const variableHeight = window.innerHeight - offset; diff --git a/src/components/ImportFileModal/ImportFileModal.jsx b/src/components/ImportFileModal/ImportFileModal.jsx index a865ddc23..967978b97 100644 --- a/src/components/ImportFileModal/ImportFileModal.jsx +++ b/src/components/ImportFileModal/ImportFileModal.jsx @@ -7,7 +7,7 @@ import Modal from "../Modal/Modal"; import BusySpinner from "../BusySpinner/BusySpinner"; import SvgSymbol from "../SvgSymbol/SvgSymbol"; import messages from "./Messages"; -import catAndLaptop from "../../static/images/cat-and-laptop.svg"; +import catAndLaptop from "../../../images/cat-and-laptop.svg"; export default class ImportLayoutModal extends Component { state = { diff --git a/src/components/PageNotFound/PageNotFound.jsx b/src/components/PageNotFound/PageNotFound.jsx index 96774af12..4937d5175 100644 --- a/src/components/PageNotFound/PageNotFound.jsx +++ b/src/components/PageNotFound/PageNotFound.jsx @@ -2,7 +2,7 @@ import { Component } from 'react' import { FormattedMessage } from 'react-intl' import { Link } from 'react-router-dom' import messages from './Messages' -import Illustration404 from '../../static/images/404-illustration.svg' +import Illustration404 from '../../../images/404-illustration.svg' /** * PageNotFound displays a 404 message. diff --git a/src/components/WidgetWorkspace/ExportLayoutModal.jsx b/src/components/WidgetWorkspace/ExportLayoutModal.jsx index 86a526cb9..8af1122fa 100644 --- a/src/components/WidgetWorkspace/ExportLayoutModal.jsx +++ b/src/components/WidgetWorkspace/ExportLayoutModal.jsx @@ -4,7 +4,7 @@ import { FormattedMessage } from "react-intl"; import External from "../External/External"; import Modal from "../Modal/Modal"; import messages from "./Messages"; -import shippingTruck from "../../static/images/shipping-truck.svg"; +import shippingTruck from "../../../images/shipping-truck.svg"; export default class ExportLayoutModal extends Component { state = { diff --git a/src/interactions/User/AsAvatarUser.js b/src/interactions/User/AsAvatarUser.js index bb4f2036d..e24fbe7b3 100644 --- a/src/interactions/User/AsAvatarUser.js +++ b/src/interactions/User/AsAvatarUser.js @@ -1,6 +1,6 @@ import _get from 'lodash/get' import _isEmpty from 'lodash/isEmpty' -import defaultPic from '../../static/images/user_no_image.png' +import defaultPic from '../../../images/user_no_image.png' /** * AsAvatarUser adds functionality to a User related to a general user. diff --git a/src/interactions/User/AsAvatarUser.test.js b/src/interactions/User/AsAvatarUser.test.js index 88cf8a62d..5ef84a8f8 100644 --- a/src/interactions/User/AsAvatarUser.test.js +++ b/src/interactions/User/AsAvatarUser.test.js @@ -1,6 +1,6 @@ import { describe, it, expect } from "vitest"; import AsAvatarUser from './AsAvatarUser' -import defaultPic from '../../static/images/user_no_image.png' +import defaultPic from '../../../images/user_no_image.png' describe('profilePic', () => { it("returns default pic if user has empty avatar URL", () => { diff --git a/src/pages/Home/Hero.jsx b/src/pages/Home/Hero.jsx index e6f6db474..94ade411f 100644 --- a/src/pages/Home/Hero.jsx +++ b/src/pages/Home/Hero.jsx @@ -1,7 +1,7 @@ import { Component } from 'react' import { Link } from 'react-router-dom' import { FormattedMessage } from 'react-intl' -import worldMapImage from "../../static/images/bg-map.svg" +import worldMapImage from "../../../images/bg-map.svg" import messages from './Messages' export default class Hero extends Component { diff --git a/src/pages/Home/Intro.jsx b/src/pages/Home/Intro.jsx index 82ebf338a..74e46695f 100644 --- a/src/pages/Home/Intro.jsx +++ b/src/pages/Home/Intro.jsx @@ -1,8 +1,8 @@ import { Component } from "react"; import { FormattedMessage } from "react-intl"; -import expertImage from "../../static/images/expert.svg"; -import findImage from "../../static/images/find.svg"; -import teamsImage from "../../static/images/teams.svg"; +import expertImage from "../../../images/expert.svg"; +import findImage from "../../../images/find.svg"; +import teamsImage from "../../../images/teams.svg"; import messages from "./Messages"; class Intro extends Component { render() { diff --git a/src/pages/Metrics/Metrics.jsx b/src/pages/Metrics/Metrics.jsx index d454dcb2a..b4031ff42 100644 --- a/src/pages/Metrics/Metrics.jsx +++ b/src/pages/Metrics/Metrics.jsx @@ -14,7 +14,7 @@ import _omit from 'lodash/omit' import AsAvatarUser from '../../interactions/User/AsAvatarUser' import messages from './Messages' import messagesAsReviewer from './MessagesAsReviewer' -import illustrationCompletedTasks from '../../static/images/illustration-completed-tasks.svg' +import illustrationCompletedTasks from '../../../images/illustration-completed-tasks.svg' const ProfileImage = props => { diff --git a/src/pages/Teams/Teams.jsx b/src/pages/Teams/Teams.jsx index 6f7cecb63..3ac6dd376 100644 --- a/src/pages/Teams/Teams.jsx +++ b/src/pages/Teams/Teams.jsx @@ -11,7 +11,7 @@ import EditTeam from '../../components/Teams/EditTeam/EditTeam' import SvgSymbol from '../../components/SvgSymbol/SvgSymbol' import BusySpinner from '../../components/BusySpinner/BusySpinner' import SignIn from '../SignIn/SignIn' -import teamsImage from '../../static/images/teams.svg' +import teamsImage from '../../../images/teams.svg' import messages from '../../components/Widgets/TeamsWidget/Messages' export const Teams = props => { diff --git a/src/styles/utilities/backgrounds.css b/src/styles/utilities/backgrounds.css index ba89ff449..fe3ceecc6 100644 --- a/src/styles/utilities/backgrounds.css +++ b/src/styles/utilities/backgrounds.css @@ -1,116 +1,116 @@ .mr-bg-hero { - background-image: url('../../static/images/bg-hero.jpg'); + background-image: url('../../../images/bg-hero.jpg'); @media (-webkit-min-device-pixel-ratio: 2) { - background-image: url('../../static/images/bg-hero@2x.jpg'); + background-image: url('../../../images/bg-hero@2x.jpg'); } } .mr-bg-map { - background-image: url('../../static/images/bg-map.jpg'); + background-image: url('../../../images/bg-map.jpg'); @media (-webkit-min-device-pixel-ratio: 2) { - background-image: url('../../static/images/bg-map@2x.jpg'); + background-image: url('../../../images/bg-map@2x.jpg'); } } .mr-bg-fireworks { - background-image: url('../../static/images/bg-fireworks-left.svg'), url('../../static/images/bg-fireworks-right.svg'); + background-image: url('../../../images/bg-fireworks-left.svg'), url('../../../images/bg-fireworks-right.svg'); background-position: left top, right top; background-repeat: no-repeat; } .mr-bg-world-map { - background-image: url('../../static/images/bg-world-map.svg'); + background-image: url('../../../images/bg-world-map.svg'); } .mr-bg-settings { - background-image: url('../../static/images/bg-settings.svg'); + background-image: url('../../../images/bg-settings.svg'); } .mr-bg-cityscape { - background-image: url('../../static/images/bg-cityscape.svg'); + background-image: url('../../../images/bg-cityscape.svg'); } .mr-bg-home { - background-image: url('../../static/images/home.svg'); + background-image: url('../../../images/home.svg'); background-position: right bottom; background-repeat: no-repeat; background-size: contain; } .mr-bg-lines { - background-image: url('../../static/images/lines.svg'); + background-image: url('../../../images/lines.svg'); background-position: right bottom; background-repeat: no-repeat; background-size: cover; } .mr-bg-globe { - background-image: url('../../static/images/globe.svg'); + background-image: url('../../../images/globe.svg'); background-position: left bottom; background-repeat: no-repeat; background-size: cover; } .mr-bg-skyline { - background-image: url('../../static/images/skyline.svg'); + background-image: url('../../../images/skyline.svg'); background-position: center bottom; background-size: contain; } .mr-bg-teams { - background-image: url('../../static/images/teams.svg'); + background-image: url('../../../images/teams.svg'); background-position: left center; background-repeat: no-repeat; background-size: contain; } .mr-bg-map { - background-image: url('../../static/images/bg-map.svg'); + background-image: url('../../../images/bg-map.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; } .mr-bg-space { - background-image: url('../../static/images/bg-space.jpg'); + background-image: url('../../../images/bg-space.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; @media (-webkit-min-device-pixel-ratio: 2) { - background-image: url('../../static/images/bg-space@2x.jpg'); + background-image: url('../../../images/bg-space@2x.jpg'); } } .mr-bg-expert { - background-image: url('../../static/images/expert.svg'); + background-image: url('../../../images/expert.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; } .mr-bg-find { - background-image: url('../../static/images/find.svg'); + background-image: url('../../../images/find.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; } .mr-bg-highway { - background-image: url('../../static/images/bg-highway.jpg'); + background-image: url('../../../images/bg-highway.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; @media (-webkit-min-device-pixel-ratio: 2) { - background-image: url('../../static/images/bg-highway@2x.jpg'); + background-image: url('../../../images/bg-highway@2x.jpg'); } } .mr-bg-achievements { - background-image: url('../../static/images/trophy.svg'); + background-image: url('../../../images/trophy.svg'); background-position: center; background-size: contain; background-repeat: no-repeat;