diff --git a/src/style/molecules/_location.scss b/src/style/molecules/_location.scss index cd26a69..4d8185e 100644 --- a/src/style/molecules/_location.scss +++ b/src/style/molecules/_location.scss @@ -78,12 +78,17 @@ z-index: 1; top: 50%; left: 50%; - transform: translate(-50%, -50%) scale(0.94); + transform: scale(0.6) translate(-50%, -50%); + transform-origin: 0 0; display: block; width: 216px; height: 216px; background: rgba($color-lightpurple, 0.3); border-radius: 100%; - transition: all 85ms ease-in-out; + transition: transform 0.3s $ease-quart, opacity 0.3s $ease-quart; + + @include breakpoint (sm) { + transform: scale(0.94) translate(-50%, -50%); + } } }