about section
This commit is contained in:
parent
68b535a5d8
commit
1b0ac9fbe9
BIN
public/assets/images/home/whereNew.jpg
Normal file
BIN
public/assets/images/home/whereNew.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 328 KiB |
@ -119,25 +119,16 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
/* Use the requested image */
|
/* Use the requested image */
|
||||||
background-image: url('/assets/images/home/where.webp');
|
background-image: url('/assets/images/home/whereNew.jpg');
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
background-position: center right;
|
background-position: center;
|
||||||
/* Align right for the text-left layout */
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
min-height: 400px;
|
||||||
|
|
||||||
/* On larger screens, position center of image at 75% of viewport width (center of right half) */
|
/* On larger screens, adjust positioning */
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
background-size: 38vw auto;
|
background-size: cover;
|
||||||
background-position: 73% center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mobile fallback for fixed attachment */
|
|
||||||
@media (max-width: 1024px) {
|
|
||||||
.parallaxImage {
|
|
||||||
background-attachment: scroll;
|
|
||||||
min-height: 400px;
|
|
||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user