/*********************************************************/
/********************** BACKGROUNDS **********************/
/*********************************************************/
.bgLeaves{
background-repeat: repeat;
background-size: var(--bgSize, auto);
background-image:
url("/backgrounds/9x9.png"),
url("/backgrounds/5x5.png"),
url("/backgrounds/7x7.png");
background-image: -webkit-image-set(url("/backgrounds/9x9.avif") type("image/avif"),
url("/backgrounds/9x9.webP") type("image/webP"),
url("/backgrounds/9x9.png") type("image/png")),
-webkit-image-set(url("/backgrounds/7x7.avif") type("image/avif"),
url("/backgrounds/7x7.webP") type("image/webP"),
url("/backgrounds/7x7.png") type("image/png")),
-webkit-image-set(url("/backgrounds/5x5.avif") type("image/avif"),
url("/backgrounds/5x5.webP") type("image/webP"),
url("/backgrounds/5x5.png") type("image/png"));
background-image: image-set(url("/backgrounds/9x9.avif") type("image/avif"),
url("/backgrounds/9x9.webP") type("image/webP"),
url("/backgrounds/9x9.png") type("image/png")),
image-set(url("/backgrounds/7x7.avif") type("image/avif"),
url("/backgrounds/7x7.webP") type("image/webP"),
url("/backgrounds/7x7.png") type("image/png")),
image-set(url("/backgrounds/5x5.avif") type("image/avif"),
url("/backgrounds/5x5.webP") type("image/webP"),
url("/backgrounds/5x5.png") type("image/png"));
}
.bgCircles--white{
background-size: var(--bgSize, auto);
background-image:
url('data:image/svg+xml,'),
url('data:image/svg+xml,'),
url('data:image/svg+xml,');
background-repeat: repeat;
background-position: top left;
}
.bgCircles--lilac{
background-image:
url('data:image/svg+xml,'),
url('data:image/svg+xml,'),
url('data:image/svg+xml,');
background-repeat: repeat;
background-size: var(--bgSize, auto);
}
.bgCircles--green{
background-image:
url('data:image/svg+xml,'),
url('data:image/svg+xml,'),
url('data:image/svg+xml,');
background-repeat: repeat;
background-size: var(--bgSize, auto);
}
.bgTerrian--green {
background-image:
url("/backgrounds/bgTile--Terrian__green.png"),
linear-gradient(#96b08c, #96b08c);
background-image: -webkit-image-set(url("/backgrounds/bgTile--Terrian__green.avif") type("image/avif"),
url("/backgrounds/bgTile--Terrian__green.webP") type("image/webP"),
url("/backgrounds/bgTile--Terrian__green.png") type("image/png")),
linear-gradient(#96b08c, #96b08c);
background-image: image-set(url("/backgrounds/bgTile--Terrian__green.avif") type("image/avif"),
url("/backgrounds/bgTile--Terrian__green.webP") type("image/webP"),
url("/backgrounds/bgTile--Terrian__green.png") type("image/png")),
linear-gradient(#96b08c, #96b08c);
background-repeat: repeat;
background-size: var(--bgSize, 100%);
}
.bgTerrian--lilac {
background-image:
url("/backgrounds/bgTile--Terrian__lilac.png"),
linear-gradient(#96b08c, #96b08c);
background-image: -webkit-image-set(url("/backgrounds/bgTile--Terrian__lilac.avif") type("image/avif"),
url("/backgrounds/bbgTile--Terrian__lilac.webP") type("image/webP"),
url("/backgrounds/bgTile--Terrian__lilac.png") type("image/png")),
linear-gradient(#96b08c, #96b08c);
background-image: image-set(url("/backgrounds/bgTile--Terrian__lilac.avif") type("image/avif"),
url("/backgrounds/bgTile--Terrian__lilac.webP") type("image/webP"),
url("/backgrounds/bgTile--Terrian__lilac.png") type("image/png")),
linear-gradient(#96b08c, #96b08c);
background-repeat: repeat;
background-size: var(--bgSize, 100%);
}
.bgPettiet--hashtag {
background-image:
url("/backgrounds/bgTile--crosses.png");
background-image: -webkit-image-set(url("/backgrounds/bgTile--crosses.avif") type("image/avif"),
url("/backgrounds/bgTile--crosses.webP") type("image/webP"),
url("/backgrounds/bgTile--crosses.png") type("image/png"));
background-image: image-set(url("/backgrounds/bgTile--crosses.avif") type("image/avif"),
url("/backgrounds/bgTile--crosses.webP") type("image/webP"),
url("/backgrounds/bgTile--crosses.png") type("image/png"));
background-size: var(--bgSize, clamp(30px, 5%, 50px));
background-repeat: repeat;
}
/*********************************************************/
/********************** I M A G E S **********************/
/*********************************************************/
#placeHolder {
aspect-ratio: 3/4;
background-image: url("/media/allMedia/placeHolder_P_3x4_bg.jpg");
}
#placeHolder::after {
aspect-ratio: 3/4;
background-image: url("/media/allMedia/placeHolder_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("/media/allMedia/placeHolder_P_3x4_300x400.avif") type("image/avif"),
url("/media/allMedia/placeHolder_P_3x4_300x400.webP") type("image/webP"),
url("/media/allMedia/placeHolder_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("/media/allMedia/placeHolder_P_3x4_300x400.avif") type("image/avif"),
url("/media/allMedia/placeHolder_P_3x4_300x400.webP") type("image/webP"),
url("/media/allMedia/placeHolder_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#placeHolder {
aspect-ratio: 3/4;
background-image: url("/media/allMedia/placeHolder_P_3x4_bg.jpg");
}
#placeHolder::after {
aspect-ratio: 3/4;
background-image: url("/media/allMedia/placeHolder_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("/media/allMedia/placeHolder_P_3x4_600x800.avif") type("image/avif"),
url("/media/allMedia/placeHolder_P_3x4_600x800.webP") type("image/webP"),
url("/media/allMedia/placeHolder_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("/media/allMedia/placeHolder_P_3x4_600x800.avif") type("image/avif"),
url("/media/allMedia/placeHolder_P_3x4_600x800.webP") type("image/webP"),
url("/media/allMedia/placeHolder_P_3x4_600x800.jpg") type("image/jpg"));
}
}
/*landscape image placeHolder*/
.bgImg--landscape#placeHolder {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/placeHolder_L_4x3_bg.jpg");
}
.bgImg--landscape#placeHolder::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/placeHolder_L_4x3_400x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/placeHolder_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/placeHolder_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/placeHolder_L_4x3_400x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/placeHolder_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/placeHolder_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/placeHolder_L_4x3_400x300.jpg") type("image/jpg"));
}
@container imgContainer (width > 400px) {
.bgImg--landscape#placeHolder {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/placeHolder_L_4x3_bg.jpg");
}
.bgImg--landscape#placeHolder::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/placeHolder_L_4x3_800x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/placeHolder_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/placeHolder_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/placeHolder_L_4x3_800x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/placeHolder_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/placeHolder_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/placeHolder_L_4x3_800x600.jpg") type("image/jpg"));
}
}
.bgImg {
width: 100%;
height: auto;
}
/*--------------------------------------------------------------------------------*/
#pets--catsCamera {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--catsCamera_P_3x4_bg.jpg");
}
#pets--catsCamera::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--catsCamera_P_3x4_225x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--catsCamera_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_P_3x4_225x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--catsCamera_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_P_3x4_225x300.jpg") type("image/jpg"));
}
@container imgContainer (width >225px) {
#pets--catsCamera {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--catsCamera_P_3x4_bg.jpg");
}
#pets--catsCamera::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--catsCamera_P_3x4_450x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--catsCamera_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_P_3x4_450x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--catsCamera_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_P_3x4_450x600.jpg") type("image/jpg"));
}
}
/*landscape image pets--catsCamera*/
.bgImg--landscape#pets--catsCamera {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--catsCamera_L_2x1_bg.jpg");
}
.bgImg--landscape#pets--catsCamera::after {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--catsCamera_L_2x1_300x150.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--catsCamera_L_2x1_300x150.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_L_2x1_300x150.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_L_2x1_300x150.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--catsCamera_L_2x1_300x150.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_L_2x1_300x150.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_L_2x1_300x150.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
.bgImg--landscape#pets--catsCamera {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--catsCamera_L_2x1_bg.jpg");
}
.bgImg--landscape#pets--catsCamera::after {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--catsCamera_L_2x1_600x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--catsCamera_L_2x1_600x300.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_L_2x1_600x300.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_L_2x1_600x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--catsCamera_L_2x1_600x300.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_L_2x1_600x300.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_L_2x1_600x300.jpg") type("image/jpg"));
}
}
/*-----------*/
#pets--Brunhilde {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--Brunhilde_P_3x4_bg.jpg");
}
#pets--Brunhilde::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--Brunhilde_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--Brunhilde_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/pets--Brunhilde_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/pets--Brunhilde_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--Brunhilde_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/pets--Brunhilde_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/pets--Brunhilde_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#pets--Brunhilde {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--Brunhilde_P_3x4_bg.jpg");
}
#pets--Brunhilde::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--Brunhilde_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--Brunhilde_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/pets--Brunhilde_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/pets--Brunhilde_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--Brunhilde_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/pets--Brunhilde_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/pets--Brunhilde_P_3x4_600x800.jpg") type("image/jpg"));
}
}
/* Dolly Kay */
#phone--Dkay {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/phone--Dkay_P_3x4_bg.jpg");
}
#phone--Dkay::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/phone--Dkay_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("../media/allMedia/phone--Dkay_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/phone--Dkay_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/phone--Dkay_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/phone--Dkay_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/phone--Dkay_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/phone--Dkay_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#phone--Dkay {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/phone--Dkay_P_3x4_bg.jpg");
}
#phone--Dkay::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/phone--Dkay_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("../media/allMedia/phone--Dkay_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/phone--Dkay_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/phone--Dkay_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/phone--Dkay_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/phone--Dkay_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/phone--Dkay_P_3x4_600x800.jpg") type("image/jpg"));
}
}
/* Lucraita Bori */
#phone--LBori {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/phone--LBori_P_3x4_bg.jpg");
}
#phone--LBori::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/phone--LBori_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("../media/allMedia/phone--LBori_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/phone--LBori_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/phone--LBori_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/phone--LBori_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/phone--LBori_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/phone--LBori_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#phone--LBori {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/phone--LBori_P_3x4_bg.jpg");
}
#phone--LBori::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/phone--LBori_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("../media/allMedia/phone--LBori_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/phone--LBori_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/phone--LBori_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/phone--LBori_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/phone--LBori_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/phone--LBori_P_3x4_600x800.jpg") type("image/jpg"));
}
}
/* Alma Gluck*/
#typewritter--AGluck {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/typewritter--AGluck_P_3x4_bg.jpg");
}
#typewritter--AGluck::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/typewritter--AGluck_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("../media/allMedia/typewritter--AGluck_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/typewritter--AGluck_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/typewritter--AGluck_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/typewritter--AGluck_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/typewritter--AGluck_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/typewritter--AGluck_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#typewritter--AGluck {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/typewritter--AGluck_P_3x4_bg.jpg");
}
#typewritter--AGluck::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/typewritter--AGluck_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("../media/allMedia/typewritter--AGluck_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/typewritter--AGluck_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/typewritter--AGluck_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/typewritter--AGluck_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/typewritter--AGluck_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/typewritter--AGluck_P_3x4_600x800.jpg") type("image/jpg"));
}
}
/* Remington typewritter*/
#typewritter--remington {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/typewritter--remington_P_3x4_bg.jpg");
}
#typewritter--remington::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/typewritter--remington_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("../media/allMedia/typewritter--remington_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/typewritter--remington_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/typewritter--remington_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/typewritter--remington_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/typewritter--remington_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/typewritter--remington_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#typewritter--remington {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/typewritter--remington_P_3x4_bg.jpg");
}
#typewritter--remington::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/typewritter--remington_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("../media/allMedia/typewritter--remington_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/typewritter--remington_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/typewritter--remington_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/typewritter--remington_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/typewritter--remington_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/typewritter--remington_P_3x4_600x800.jpg") type("image/jpg"));
}
}
#pets--catsCamera {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--catsCamera_P_3x4_bg.jpg");
}
#pets--catsCamera::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--catsCamera_P_3x4_225x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--catsCamera_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_P_3x4_225x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--catsCamera_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_P_3x4_225x300.jpg") type("image/jpg"));
}
@container imgContainer (width >225px) {
#pets--catsCamera {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--catsCamera_P_3x4_bg.jpg");
}
#pets--catsCamera::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--catsCamera_P_3x4_450x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--catsCamera_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_P_3x4_450x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--catsCamera_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_P_3x4_450x600.jpg") type("image/jpg"));
}
}
/*landscape image pets--catsCamera*/
.bgImg--landscape#pets--catsCamera {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--catsCamera_L_2x1_bg.jpg");
}
.bgImg--landscape#pets--catsCamera::after {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--catsCamera_L_2x1_300x150.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--catsCamera_L_2x1_300x150.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_L_2x1_300x150.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_L_2x1_300x150.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--catsCamera_L_2x1_300x150.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_L_2x1_300x150.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_L_2x1_300x150.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
.bgImg--landscape#pets--catsCamera {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--catsCamera_L_2x1_bg.jpg");
}
.bgImg--landscape#pets--catsCamera::after {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--catsCamera_L_2x1_600x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--catsCamera_L_2x1_600x300.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_L_2x1_600x300.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_L_2x1_600x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--catsCamera_L_2x1_600x300.avif") type("image/avif"),
url("../media/allMedia/pets--catsCamera_L_2x1_600x300.webP") type("image/webP"),
url("../media/allMedia/pets--catsCamera_L_2x1_600x300.jpg") type("image/jpg"));
}
}
#pets--curiousTom {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--curiousTom_P_3x4_bg.jpg");
}
#pets--curiousTom::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--curiousTom_P_3x4_225x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--curiousTom_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--curiousTom_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--curiousTom_P_3x4_225x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--curiousTom_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--curiousTom_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--curiousTom_P_3x4_225x300.jpg") type("image/jpg"));
}
@container imgContainer (width >225px) {
#pets--curiousTom {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--curiousTom_P_3x4_bg.jpg");
}
#pets--curiousTom::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--curiousTom_P_3x4_450x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--curiousTom_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--curiousTom_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--curiousTom_P_3x4_450x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--curiousTom_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--curiousTom_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--curiousTom_P_3x4_450x600.jpg") type("image/jpg"));
}
}
/*landscape image pets--curiousTom*/
.bgImg--landscape#pets--curiousTom {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--curiousTom_L_4x3_bg.jpg");
}
.bgImg--landscape#pets--curiousTom::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--curiousTom_L_4x3_300x225.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--curiousTom_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/pets--curiousTom_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/pets--curiousTom_L_4x3_300x225.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--curiousTom_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/pets--curiousTom_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/pets--curiousTom_L_4x3_300x225.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
.bgImg--landscape#pets--curiousTom {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--curiousTom_L_4x3_bg.jpg");
}
.bgImg--landscape#pets--curiousTom::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--curiousTom_L_4x3_600x450.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--curiousTom_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/pets--curiousTom_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/pets--curiousTom_L_4x3_600x450.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--curiousTom_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/pets--curiousTom_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/pets--curiousTom_L_4x3_600x450.jpg") type("image/jpg"));
}
}
#pets--dinner {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--dinner_P_3x4_bg.jpg");
}
#pets--dinner::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--dinner_P_3x4_225x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--dinner_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--dinner_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--dinner_P_3x4_225x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--dinner_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--dinner_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--dinner_P_3x4_225x300.jpg") type("image/jpg"));
}
@container imgContainer (width >225px) {
#pets--dinner {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--dinner_P_3x4_bg.jpg");
}
#pets--dinner::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--dinner_P_3x4_450x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--dinner_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--dinner_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--dinner_P_3x4_450x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--dinner_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--dinner_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--dinner_P_3x4_450x600.jpg") type("image/jpg"));
}
}
/*landscape image pets--dinner*/
.bgImg--landscape#pets--dinner {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--dinner_L_4x3_bg.jpg");
}
.bgImg--landscape#pets--dinner::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--dinner_L_4x3_300x225.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--dinner_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/pets--dinner_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/pets--dinner_L_4x3_300x225.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--dinner_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/pets--dinner_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/pets--dinner_L_4x3_300x225.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
.bgImg--landscape#pets--dinner {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--dinner_L_4x3_bg.jpg");
}
.bgImg--landscape#pets--dinner::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--dinner_L_4x3_600x450.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--dinner_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/pets--dinner_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/pets--dinner_L_4x3_600x450.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--dinner_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/pets--dinner_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/pets--dinner_L_4x3_600x450.jpg") type("image/jpg"));
}
}
#pets--mischiefs {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--mischiefs_P_3x4_bg.jpg");
}
#pets--mischiefs::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--mischiefs_P_3x4_225x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--mischiefs_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--mischiefs_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--mischiefs_P_3x4_225x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--mischiefs_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--mischiefs_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--mischiefs_P_3x4_225x300.jpg") type("image/jpg"));
}
@container imgContainer (width >225px) {
#pets--mischiefs {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--mischiefs_P_3x4_bg.jpg");
}
#pets--mischiefs::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--mischiefs_P_3x4_450x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--mischiefs_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--mischiefs_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--mischiefs_P_3x4_450x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--mischiefs_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--mischiefs_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--mischiefs_P_3x4_450x600.jpg") type("image/jpg"));
}
}
/*landscape image pets--mischiefs */
.bgImg--landscape#pets--mischiefs {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--mischiefs_L_4x3_bg.jpg");
}
.bgImg--landscape#pets--mischiefs::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--mischiefs_L_4x3_300x225.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--mischiefs_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/pets--mischiefs_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/pets--mischiefs_L_4x3_300x225.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--mischiefs_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/pets--mischiefs_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/pets--mischiefs_L_4x3_300x225.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
.bgImg--landscape#pets--mischiefs {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--mischiefs_L_4x3_bg.jpg");
}
.bgImg--landscape#pets--mischiefs::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--mischiefs_L_4x3_600x450.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--mischiefs_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/pets--mischiefs_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/pets--mischiefs_L_4x3_600x450.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--mischiefs_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/pets--mischiefs_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/pets--mischiefs_L_4x3_600x450.jpg") type("image/jpg"));
}
}
#pets--Outing {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--Outing_P_3x4_bg.jpg");
}
#pets--Outing::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--Outing_P_3x4_225x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--Outing_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--Outing_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--Outing_P_3x4_225x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--Outing_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--Outing_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--Outing_P_3x4_225x300.jpg") type("image/jpg"));
}
@container imgContainer (width >225px) {
#pets--Outing {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--Outing_P_3x4_bg.jpg");
}
#pets--Outing::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--Outing_P_3x4_450x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--Outing_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--Outing_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--Outing_P_3x4_450x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--Outing_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--Outing_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--Outing_P_3x4_450x600.jpg") type("image/jpg"));
}
}
/*landscape image pets--Outing*/
.bgImg--landscape#pets--Outing {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--Outing_L_4x3_bg.jpg");
}
.bgImg--landscape#pets--Outing::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--Outing_L_4x3_300x225.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--Outing_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/pets--Outing_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/pets--Outing_L_4x3_300x225.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--Outing_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/pets--Outing_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/pets--Outing_L_4x3_300x225.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
.bgImg--landscape#pets--Outing {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--Outing_L_4x3_bg.jpg");
}
.bgImg--landscape#pets--Outing::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/pets--Outing_L_4x3_600x450.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--Outing_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/pets--Outing_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/pets--Outing_L_4x3_600x450.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--Outing_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/pets--Outing_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/pets--Outing_L_4x3_600x450.jpg") type("image/jpg"));
}
}
#realEstate--construction {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--construction_P_3x4_bg.jpg");
}
#realEstate--construction::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--construction_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--construction_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/realEstate--construction_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/realEstate--construction_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--construction_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/realEstate--construction_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/realEstate--construction_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#realEstate--construction {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--construction_P_3x4_bg.jpg");
}
#realEstate--construction::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--construction_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--construction_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/realEstate--construction_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/realEstate--construction_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--construction_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/realEstate--construction_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/realEstate--construction_P_3x4_600x800.jpg") type("image/jpg"));
}
}
/*landscape image realEstate--construction*/
.bgImg--landscape#realEstate--construction {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--construction_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--construction::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--construction_L_4x3_400x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--construction_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--construction_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--construction_L_4x3_400x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--construction_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--construction_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--construction_L_4x3_400x300.jpg") type("image/jpg"));
}
@container imgContainer (width >400px) {
.bgImg--landscape#realEstate--construction {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--construction_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--construction::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--construction_L_4x3_800x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--construction_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--construction_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--construction_L_4x3_800x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--construction_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--construction_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--construction_L_4x3_800x600.jpg") type("image/jpg"));
}
}
#realEstate--farmHouse {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--farmHouse_P_3x4_bg.jpg");
}
#realEstate--farmHouse::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--farmHouse_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--farmHouse_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/realEstate--farmHouse_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/realEstate--farmHouse_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--farmHouse_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/realEstate--farmHouse_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/realEstate--farmHouse_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#realEstate--farmHouse {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--farmHouse_P_3x4_bg.jpg");
}
#realEstate--farmHouse::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--farmHouse_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--farmHouse_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/realEstate--farmHouse_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/realEstate--farmHouse_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--farmHouse_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/realEstate--farmHouse_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/realEstate--farmHouse_P_3x4_600x800.jpg") type("image/jpg"));
}
}
/*landscape image realEstate--farmHouse*/
.bgImg--landscape#realEstate--farmHouse {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--farmHouse_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--farmHouse::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--farmHouse_L_4x3_400x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--farmHouse_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--farmHouse_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--farmHouse_L_4x3_400x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--farmHouse_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--farmHouse_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--farmHouse_L_4x3_400x300.jpg") type("image/jpg"));
}
@container imgContainer (width >400px) {
.bgImg--landscape#realEstate--farmHouse {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--farmHouse_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--farmHouse::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--farmHouse_L_4x3_800x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--farmHouse_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--farmHouse_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--farmHouse_L_4x3_800x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--farmHouse_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--farmHouse_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--farmHouse_L_4x3_800x600.jpg") type("image/jpg"));
}
}
#realEstate--studyRoom {
filter: contrast(150%);
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--studyRoom_P_3x4_bg.jpg");
}
#realEstate--studyRoom::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--studyRoom_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--studyRoom_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/realEstate--studyRoom_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/realEstate--studyRoom_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--studyRoom_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/realEstate--studyRoom_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/realEstate--studyRoom_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#realEstate--studyRoom {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--studyRoom_P_3x4_bg.jpg");
}
#realEstate--studyRoom::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--studyRoom_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--studyRoom_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/realEstate--studyRoom_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/realEstate--studyRoom_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--studyRoom_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/realEstate--studyRoom_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/realEstate--studyRoom_P_3x4_600x800.jpg") type("image/jpg"));
}
}
/*landscape image realEstate--studyRoom*/
.bgImg--landscape#realEstate--studyRoom {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--studyRoom_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--studyRoom::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--studyRoom_L_4x3_400x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--studyRoom_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--studyRoom_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--studyRoom_L_4x3_400x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--studyRoom_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--studyRoom_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--studyRoom_L_4x3_400x300.jpg") type("image/jpg"));
}
@container imgContainer (width >400px) {
.bgImg--landscape#realEstate--studyRoom {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--studyRoom_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--studyRoom::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--studyRoom_L_4x3_800x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--studyRoom_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--studyRoom_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--studyRoom_L_4x3_800x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--studyRoom_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--studyRoom_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--studyRoom_L_4x3_800x600.jpg") type("image/jpg"));
}
}
#realEstate--twoStories {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--twoStories_P_3x4_bg.jpg");
}
#realEstate--twoStories::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--twoStories_P_3x4_300x400.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--twoStories_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/realEstate--twoStories_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/realEstate--twoStories_P_3x4_300x400.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--twoStories_P_3x4_300x400.avif") type("image/avif"),
url("../media/allMedia/realEstate--twoStories_P_3x4_300x400.webP") type("image/webP"),
url("../media/allMedia/realEstate--twoStories_P_3x4_300x400.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
#realEstate--twoStories {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--twoStories_P_3x4_bg.jpg");
}
#realEstate--twoStories::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--twoStories_P_3x4_600x800.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--twoStories_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/realEstate--twoStories_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/realEstate--twoStories_P_3x4_600x800.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--twoStories_P_3x4_600x800.avif") type("image/avif"),
url("../media/allMedia/realEstate--twoStories_P_3x4_600x800.webP") type("image/webP"),
url("../media/allMedia/realEstate--twoStories_P_3x4_600x800.jpg") type("image/jpg"));
}
}
/*landscape image realEstate--twoStories*/
.bgImg--landscape#realEstate--twoStories {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--twoStories_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--twoStories::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--twoStories_L_4x3_400x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--twoStories_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--twoStories_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--twoStories_L_4x3_400x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--twoStories_L_4x3_400x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--twoStories_L_4x3_400x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--twoStories_L_4x3_400x300.jpg") type("image/jpg"));
}
@container imgContainer (width >400px) {
.bgImg--landscape#realEstate--twoStories {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--twoStories_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--twoStories::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--twoStories_L_4x3_800x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--twoStories_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--twoStories_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--twoStories_L_4x3_800x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--twoStories_L_4x3_800x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--twoStories_L_4x3_800x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--twoStories_L_4x3_800x600.jpg") type("image/jpg"));
}
}
#realEstate--windowAdvert {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--windowAdvert_P_3x4_bg.jpg");
}
#realEstate--windowAdvert::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--windowAdvert_P_3x4_225x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--windowAdvert_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--windowAdvert_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--windowAdvert_P_3x4_225x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--windowAdvert_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/realEstate--windowAdvert_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/realEstate--windowAdvert_P_3x4_225x300.jpg") type("image/jpg"));
}
@container imgContainer (width >225px) {
#realEstate--windowAdvert {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--windowAdvert_P_3x4_bg.jpg");
}
#realEstate--windowAdvert::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/realEstate--windowAdvert_P_3x4_450x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--windowAdvert_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--windowAdvert_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--windowAdvert_P_3x4_450x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--windowAdvert_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/realEstate--windowAdvert_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/realEstate--windowAdvert_P_3x4_450x600.jpg") type("image/jpg"));
}
}
/*landscape image realEstate--windowAdvert*/
.bgImg--landscape#realEstate--windowAdvert {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--windowAdvert_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--windowAdvert::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--windowAdvert_L_4x3_300x225.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--windowAdvert_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/realEstate--windowAdvert_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/realEstate--windowAdvert_L_4x3_300x225.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--windowAdvert_L_4x3_300x225.avif") type("image/avif"),
url("../media/allMedia/realEstate--windowAdvert_L_4x3_300x225.webP") type("image/webP"),
url("../media/allMedia/realEstate--windowAdvert_L_4x3_300x225.jpg") type("image/jpg"));
}
@container imgContainer (width >300px) {
.bgImg--landscape#realEstate--windowAdvert {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--windowAdvert_L_4x3_bg.jpg");
}
.bgImg--landscape#realEstate--windowAdvert::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/realEstate--windowAdvert_L_4x3_600x450.jpg");
background-image: -webkit-image-set(url("../media/allMedia/realEstate--windowAdvert_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/realEstate--windowAdvert_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/realEstate--windowAdvert_L_4x3_600x450.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/realEstate--windowAdvert_L_4x3_600x450.avif") type("image/avif"),
url("../media/allMedia/realEstate--windowAdvert_L_4x3_600x450.webP") type("image/webP"),
url("../media/allMedia/realEstate--windowAdvert_L_4x3_600x450.jpg") type("image/jpg"));
}
}
#pets--circus {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--circus_P_3x4_225x300.jpg");
}
#pets--circus::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--circus_P_3x4_225x300.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--circus_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--circus_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--circus_P_3x4_225x300.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--circus_P_3x4_225x300.avif") type("image/avif"),
url("../media/allMedia/pets--circus_P_3x4_225x300.webP") type("image/webP"),
url("../media/allMedia/pets--circus_P_3x4_225x300.jpg") type("image/jpg"));
}
@container imgContainer (width >225px) {
#pets--circus {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--circus_P_3x4_225x300.jpg");
}
#pets--circus::after {
aspect-ratio: 3/4;
background-image: url("../media/allMedia/pets--circus_P_3x4_450x600.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--circus_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--circus_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--circus_P_3x4_450x600.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--circus_P_3x4_450x600.avif") type("image/avif"),
url("../media/allMedia/pets--circus_P_3x4_450x600.webP") type("image/webP"),
url("../media/allMedia/pets--circus_P_3x4_450x600.jpg") type("image/jpg"));
}
}
/*landscape image pets--circus*/
.bgImg--landscape#pets--circus {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--circus_L_2x1_bg.jpg");
}
.bgImg--landscape#pets--circus::after {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/pets--circus_L_2x1_300x150.jpg");
background-image: -webkit-image-set(url("../media/allMedia/pets--circus_L_2x1_300x150.avif") type("image/avif"),
url("../media/allMedia/pets--circus_L_2x1_300x150.webP") type("image/webP"),
url("../media/allMedia/pets--circus_L_2x1_300x150.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/pets--circus_L_2x1_300x150.avif") type("image/avif"),
url("../media/allMedia/pets--circus_L_2x1_300x150.webP") type("image/webP"),
url("../media/allMedia/pets--circus_L_2x1_300x150.jpg") type("image/jpg"));
}
/* Typewritter only */
#typewritter--tradeMark {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/typewritter--tradeMark_L_2x1_bg.jpg");
}
#typewritter--tradeMark::after {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/typewritter--tradeMark_L_2x1_180x90.jpg");
background-image: -webkit-image-set(url("../media/allMedia/typewritter--tradeMark_L_2x1_180x90.avif") type("image/avif"),
url("../media/allMedia/typewritter--tradeMark_L_2x1_180x90.webP") type("image/webP"),
url("../media/allMedia/typewritter--tradeMark_L_2x1_180x90.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/typewritter--tradeMark_L_2x1_180x90.avif") type("image/avif"),
url("../media/allMedia/typewritter--tradeMark_L_2x1_180x90.webP") type("image/webP"),
url("../media/allMedia/typewritter--tradeMark_L_2x1_180x90.jpg") type("image/jpg"));
}
/* trademark landscape ratio: 4/3
@container imgContainer (width >180px) {
#typewritter--tradeMark {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/typewritter--tradeMark_L_4x3_200x150.jpg");
}
#typewritter--tradeMark::after {
aspect-ratio: 4/3;
background-image: url("../media/allMedia/typewritter--tradeMark_L_4x3_200x150.jpg");
background-image: -webkit-image-set(url("../media/allMedia/typewritter--tradeMark_L_4x3_200x150.avif") type("image/avif"),
url("../media/allMedia/typewritter--tradeMark_L_4x3_200x150.webP") type("image/webP"),
url("../media/allMedia/typewritter--tradeMark_L_4x3_200x150.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/typewritter--tradeMark_L_4x3_200x150.avif") type("image/avif"),
url("../media/allMedia/typewritter--tradeMark_L_4x3_200x150.webP") type("image/webP"),
url("../media/allMedia/typewritter--tradeMark_L_4x3_200x150.jpg") type("image/jpg"));
}
}
*/
@container imgContainer (width >200px) {
#typewritter--tradeMark {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/typewritter--tradeMark_L_2x1_bg.jpg");
}
#typewritter--tradeMark::after {
aspect-ratio: 2/1;
background-image: url("../media/allMedia/typewritter--tradeMark_L_2x1_360x180.jpg");
background-image: -webkit-image-set(url("../media/allMedia/typewritter--tradeMark_L_2x1_360x180.avif") type("image/avif"),
url("../media/allMedia/typewritter--tradeMark_L_2x1_360x180.webP") type("image/webP"),
url("../media/allMedia/typewritter--tradeMark_L_2x1_360x180.jpg") type("image/jpg"));
background-image: image-set(url("../media/allMedia/typewritter--tradeMark_L_2x1_360x180.avif") type("image/avif"),
url("../media/allMedia/typewritter--tradeMark_L_2x1_360x180.webP") type("image/webP"),
url("../media/allMedia/typewritter--tradeMark_L_2x1_360x180.jpg") type("image/jpg"));
}
}