так, ребят, вопрос матерым верстальщикам. как положить фоном img на ion-card:

          <ion-card class="ion-text-center">
            <ion-card-header>
              <ion-card-subtitle>Фото разворота</ion-card-subtitle>
            </ion-card-header>
            <ion-card-content>
              <ion-icon name="camera" size="large"></ion-icon>
            </ion-card-content>
          </ion-card>

есть

после съемки хочу вывести фоном img

Ты хочешь положить фотографию прописки фоном этого блока и скрыть текст с иконкой?

хочу оставить текст с иконкой.

но при этом вывести фоном выбранную и сфотографированную картинку

и, возможно, я спрошу совет по бестпрактике. по идее, я хочу сделать решение не зависящим от размера устройства. сейчас я укладываю ion-card в ion-grid

А, ну это просто.
Родителю(ion-card) position: relative;
картинке внутри ion-card position: absolute;
z-index: *подбери значение чтобы не перекрывало*;
left: 0; top: 0; right: 0; bottom: 0;

Note: такой способ(по идее) растянет картинку 🤔

Чтобы не допустить растягивания картинки можно сказать ей
display: block; width: 100%;
left: 0; top: 0;

Тогда будет растягиватся по ширине на всю, а по высоте будет видно столько, на сколько хватает блока

@anatolijs ^^

спасибо большое!!!

Рад помочь 👍🏻

супер, все вышло!!!

еще раз спасибо большое!!!

Тепло на душе

у себя я растянул на всю площадь ion-card, поскольку мне не важны пропорции при preview:

img.fit-to-container {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    min-width: 100%;
}

хотя, стоп, он оставляет пропорцию, надо еще height добавить, туплю